@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

.sec-img{
    background-image: url('/images/devices.png');
    background-repeat: no-repeat;
    background-position: right; 
    padding: 100px;
}

.sec-sub-img{
    padding: 120px;
    background: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 1252px) and (max-width: 1550px) {
    .sec-sub-img{
        padding: 95px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1252px) {
    .sec-sub-img{
        padding: 35px;
    }
}

@media only screen and (min-width: 1200px) {
    .coccarda-text{
        margin-top: 45px;
    }
}

.form-contatti {
    padding: 0px 40px;
}

.default-form textarea {
    height: 120px;
}

.text-link{
    color:#9b2c88;
    font-weight: 600;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.underline-hover:hover{
    text-decoration: underline;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.text-link:hover{
    text-decoration: underline;
    color:#9b2c88;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.btn-scuolastico{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color:white;
    /*border: 2px solid #9b2c88;
    background-color:#9b2c88;*/
    border: 2px solid #2C9B3E;
    background-color:#2C9B3E;
    font-family: 'Poppins', sans-serif;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    padding: 8px;
    border-radius: 20px;
}

.btn-scuolastico:hover {
    /*color: #9b2c88;
    border: 2px solid#9b2c88;*/
    color: #2C9B3E;
    border: 2px solid#2C9B3E;
    background-color: transparent;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.btn-scuolastico-report{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color:white;
    /*border: 2px solid #9b2c88;
    background-color:#9b2c88;*/
    border: 2px solid #9b2c88;
    background-color:#9b2c88;
    font-family: 'Poppins', sans-serif;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    padding: 10px 20px;
    border-radius: 0px;
}

.btn-scuolastico-report:hover{
    color: #9b2c88;
    border: 2px solid #9b2c88;
    background-color: white;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.row-report-text{
    padding: 40px 35px;
}

.row-report{
    margin-top: 50px;
}

.btn-scuolastico-white{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: #9b2c88;
    border: 2px solid white;
    background-color:white;
    font-family: 'Poppins', sans-serif;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    padding: 8px;
    border-radius: 20px;
}

.btn-scuolastico-white:hover{
    color: white;
    border: 2px solid white;
    background-color: transparent;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.btn-scuolastico-attiva{
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color:white;
	border: 2px solid #2C9B3E;
	background-color: #2C9B3E;
    font-family: 'Poppins', sans-serif;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    padding: 8px;
    border-radius: 20px;
}

.btn-scuolastico-attiva:hover {
    color: #2C9B3E;
	border: 2px solid #2C9B3E;
	background-color: transparent;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.btn-menu-scuolastico{
    background-color:#9b2c88;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}



.margin-left-number{
    margin-left: 50px;
}

.text p, h4, h2{
    color: #333 !important;
    line-height: 1.6;
}

li{
    font-family: 'Poppins';
}

.margin-responsive{
    margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
    .margin-left-number{
        padding-top: 7px;
    }
}

@media only screen and (max-width: 450px) {
    .margin-left-number{
        padding-top: 0px;
    }
}

.benifit li:after {
    background: #9b2c88 !important;
    list-style: disc !important;
}

.benifit li::after {
    height: 25px !important;
    width: 25px !important;
    border-radius: 25px;
}

/*benifit*/
.benifit li {
    position: relative;
    padding-left: 40px;
}

.benifit li:after {
    position: absolute;
    content: '';
    left: 0;;
    top: 2px;
}

.benifit {
    margin-bottom: 10px;
    padding-left: 0px;
}

.default-cinfo li + li {
    margin-top: 10px;
    border-top: 1px solid #f1f1f1;
    padding-top: 12px;
}

.item-caratteristiche:hover i {
    transform: scale(1.2);
    color: #9b2c88;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.item-caratteristiche i {
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}

.icon-box{
    display: table-cell;
    vertical-align: top;
    width: 40px;
}

.text-box{
    display: table-cell;
    vertical-align: top;
}

.icon-box i {
    font-size: 20px;
    color: #9b2c88;
    position: relative;
    top: 7px;
}

.logo-brand{
    max-width: 200px;
}

.menuzord-menu>li {
        margin-left: 4px !important;
}

@media only screen and (min-width: 0px) and (max-width: 769px) {
    .logo-brand{
        max-width: none;
    }
}

@media only screen and (min-width: 951px) and (max-width: 1200px) {
    .menuzord-menu>li {
        margin-left: 4px !important;
    }
    .logo-brand {
        margin: 20px 0 0 0 !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 951px) {
    .menuzord-menu>li {
        margin-left: 2px;
    }
}
.pb-60{
    padding-bottom: 60px;
}
.pt-60{
    padding-top: 60px;
}
.pb-50{
    padding-bottom: 50px;
}
.pt-40{
    padding-top: 40px;
}
.pb-40{
    padding-bottom: 40px;
}

.pl-40{
    padding-left: 40px;
}

.pr-40{
    padding-right: 40px;
}

.pt-30{
    padding-top: 30px;
}

.pb-30{
    padding-bottom: 30px;
}

.pl-30{
    padding-left: 30px;
}

.pr-30{
    padding-right: 30px;
}

.pt-20{
    padding-top: 20px;
}

.pb-20{
    padding-bottom: 20px;
}

.pl-20{
    padding-left: 20px;
}

.pr-20{
    padding-right: 20px;
}

.pt-10{
    padding-top: 10px;
}

.pb-10{
    padding-bottom: 10px;
}

.pl-10{
    padding-left: 10px;
}

.pr-10{
    padding-right: 10px;
}
/** margin */
.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-top: 20px;
}

/*------------------------------------------

Project Name : xPlus;
Desgined By  : Faridul Haque;
Developed By : Sumaiya Shampa & Faridul Haque;
Date         : 25-Jan-2017

Table Of Index
------------------
01. BASE CSS

02. COMMON CSS
    a. padding css
    b. image overly css
    c. button css
    d. color css
    e. background color css
    f. shadow css
    g. preloader css
    h. transition css
    i. focus reset

03. HEADER CSS
    a. tiny header css
    b. social icon css
    c. search modal

04. FEATURE CSS

05. ABOUT US CSS

06. WHY CHOOSE US CSS

07. SERVICE CSS

08. PORTFOLIO CSS
    a. porfolio filter css
    b. masonry basic css
    c. portfolio grid - 2 column css
    d. portfolio grid - gutter css
    e. portfolio grid - with title css
    f.portfolio button css

09. COUNTER CSS

10. VIDEO CSS

11. TEAM CSS

12. NEWSLETTER CSS

13. PRICING TABLE CSS

14. TESTIMONIAL CSS
    a. testimonials 3columns

15. CLIENT/ SPONSOR CSS

16. BLOG CSS

17. CONTACT CSS

18. FOOTER CSS

19. SCROLL TO TOP CSS

------------------------------------------*/


/*
************************************************
            ==Start Base css==
************************************************
*/

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
}
.no-padding{
    padding: 0!important
}
.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: 'Poppins', sans-serif;
}

h3 {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
}

h4 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
}

h5 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

h6 {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
}

html,
body {
    height: 100%;
    position: relative;
}

li {
    list-style: none;
}

a:hover {
    text-decoration: none
}

a:focus {
    text-decoration: none;
}

a:focus {
    outline: 0 solid;
}

input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/*
************************************************
           ==Start Common CSS==
************************************************
*/

/*-------------------------- padding css --------------------------*/

.page-section {
    padding: 105px 0;
}
.page-section-work-with-title {
    padding: 105px 0 65px;
}
.page-section-gutter-work-with-title
{
    padding: 105px 0 75px;

}
.my-main-title{
    font-size: 54px;
    font-weight: 500;
}
.mt-1{
    margin-top: 8px !important;
}
.mt-2{
    margin-top: 16px !important;
}
.mt-3{
    margin-top: 24px !important;
}
.mt-4{
    margin-top: 32px !important;
}
.pp-15{
    padding: 15px 15px;
}
.sec-padd{
    padding-top: 80px;
    padding-bottom: 80px;
}
.sec-banner{
    background-color: #9b2c88;
    padding: 32px;
}
.text-left{
    text-align: left;
}
.center{
    text-align: center;
}
.icon-scuolastico:hover{
    color: #9b2c88;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
/*-------------------------- image overlay css --------------------------*/

.overlay {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
    z-index: 1;
}

.overlay:before {
    content: "";
    background-color: rgba(35, 35, 40, .85);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}


/*-------------------------- button css --------------------------*/

.btn.xplus-btn {
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center!important;
    border-radius: 3px;
    width: 170px;
    height: 55px;
    line-height: 58px;
    padding: 0;
    margin: 0px;
    color: #ffffff;
}

.btn.xplus-btn-round {
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
    text-align: center!important;
    text-transform: uppercase;
    border-radius: 50px;
    width: 170px;
    height: 55px;
    line-height: 58px;
    padding: 0;
    margin: 0px;
    color: #ffffff;
}

.btn.xplus-btn span {
    margin-left: 6px;
}

.btn.xplus-btn:hover,
.btn.xplus-btn-round:hover,
.btn-xplus:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

.btn.xplus-btn:focus {
    color: none;
}

.portfolio-btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
}

.price_btn {
    width: 100%;
    text-align: center;
    margin-top: -32px;
}

.btn.blog_btn {
    width: 100px;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    margin-left: 0;
}

.btn.blog_btn:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
}

a.btn.works_btn {
    color: #333333;
    background: #fff;
    width: 190px;
}

/*-------------------------- Color --------------------------*/

.choose_icon,
.choose_content .owl-dot.active,
.client_testimonial_3column_info:after,
.pricing_bg_color_agency:hover .plan-price h3,
.team-close-icon a,
.team_icon a,
.pricing_bg_color_agency:hover .plan-price h3,
.pricing_bg_color_agency.active .plan-price h3 {
    color: #FF5351;
}


/*-------------------------- background Color --------------------------*/

.btn.hero_btn,
.input-field-modal button,
.service_icon i,
a.btn.projet_btn,
.choose_icon,
.choose_content .owl-dot.active,
.btn.xplus-btn,
span.scroll_top_up,
.pricing_bg_color_agency.active .price_icon_h_2,
.pricing_bg_color_agency:hover .price_icon_h_2,
ul.trigger li.active {
    background-color: #FF5351;
}

/*-------------------------- shadow css --------------------------*/

.small_box_shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.hover_box{
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;
    text-align: center;
}

.hover_box:hover,
.box-shadow .grid figure:hover{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px;
}

/*-------------------------- preloader  css --------------------------*/
.cs-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background:#9b2c88;
    color: #fff;
    z-index: 1050;
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: relative;
    width: calc(100% - 200px);
    color: #FFF;
    margin: 0 100px;
    text-align: center;
    z-index: 1150;
}

.cs-loader-inner label {
    font-size: 20px;
    opacity: 0;
    display:inline-block;
    z-index: 1150;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}

/*-------------------------- transition css --------------------------*/
.service_icon_info .service-overlay,
.service_icon_info_top .service-overlay,
.sidenav a,
.portfolio-filter li.active,
.grid-gallery figcaption h3 a,
.grid-gallery figcaption h3,
.grid-gallery figcaption p a,
.grid-gallery figcaption p,
.single_mixitup_content .portfolio_details,
.grid figure figcaption i,
.box-shadow .grid figure,
.count_icon,
.count_icon span,
.member_social li a,
.main-menu li a,
.waves-light,
.is-sticky .mainmenu,
.is-sticky .logo_area,
.logo_area_onepage_agency,
.member_toggle,
.hover_box,
.footer_menu li a,
.plan-price h3,
.hovereffect .portfolio-overlay,
.footer_left_icon li a,
.quick_link_list li a,
.btn-rounded,
.btn-xplus:after,
.working_process_content .working_process_info:after,
.agency_onepage_youtube_video,
.service_icon i,
.blog_item,
.service_text a,
ul.trigger li.active,
.portfolio_details_bg,
.features_text a:hover,
.project_img .project-overlay,
.navegation,
a.portfolio_creative_venobox,
.footer_icon li a:hover,
.footer_menu_bottom ul li a,
.footer_menu_bottom ul li a:after,
.footer_menu_bottom ul li a:before,
.footer_menu li:after,
.footer_menu li:before,
.blog_item_seo, .blog_s li a,
.pagination li a,
.categories ul li a{
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/*-------------------------- text, button, input focus css --------------------------*/

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea:focus:not([readonly]),
select:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: none;
}

/*
************************************************
         ==Start Header CSS==
************************************************
*/

/* ------ Header Css -----*/
.tiny_header {
    background: #1d1d22;
    height: 45px;
}
.contact_lang {
    float: left;
}
.tiny_header .contact_lang ul li{
    display: inline-block;
    color: #ddd;
    font-size: 13px;
    line-height: 45px;
    margin-right: 25px;
    font-family: 'Poppins', sans-serif;
    text-transform: lowercase;
}
.tiny_header .contact_lang ul > li > i{
    font-size: 18px;
    margin-right: 10px;
    float: left;
    padding-top: 12px;
}
.tiny_header .contact_lang ul li a{
    color: #ddd;
}
.header_area{
        position: relative;

}
/* ------ Socail Css -----*/
.social_icon {
    margin-top: 0px;
    float: right;
    margin-right: -15px;
}
.social_icon ul li {
    padding-right: 5px;
    display: inline-block;
    line-height: 42px;
}
.social_icon ul li a {
    color: #fff;
    text-align: center;
    height:30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    border-radius: 50%;
}

.social_icon ul li:nth-child(1), .social_icon ul li:nth-child(2){
    font-size: 14px;
}
.social_icon ul li:nth-child(3){
     font-size:12px;
}
.social_icon ul li:nth-child(4){
      font-size: 14px;
}
.social_icon ul li:nth-child(5){
      font-size: 15px;
}

/* --------- Search ----------- */

.btn-search:focus,
.btn-search:hover {
    background: none!important;
    box-shadow: none!important;
}

.modal-backdrop.in {
    z-index: 1;
}

.btn-modal {
    float: right;
}

.modal-open .modal {
    background: #1D1D22;
}

.modal-backdrop {
    display: none;
}

.btn-search {
    background: none;
    box-shadow: none;
    padding: 0;
    float: right;
    margin: 30px 0px 0 40px;
}

.sticky .btn-search.btn-lg {
    margin-top: 18px;
}
.btn-search:hover,
.btn-search:focus {
    background: none;
}

.btn.btn-primary i {
    font-size: 18px;
}

.input-field-modal label {
    color: #ddd;
    font-size: 14px;
    font-weight: 300;
    left: 0px;
}

.input-field-modal input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.input-field-modal input[type=text]:focus:not([readonly])+label {
    color: #fff;
}

.input-field-modal button {
    float: right;
    margin: -70px 0 0;
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

.input-field-modal button i {
    margin: 2px 0 0 -7px;
    color: #fff;
}
.close-button{
    background: none;
    box-shadow: none;
    color: #fff;
}
.search-trigger {
    background: none;
    box-shadow: none;
    border: none;
    padding: 100px 0;
    z-index: -1;
}

.input-field-modal input {
    border-bottom: 1px solid #fff;
}

.modal-dialog {
    width: 1000px;
}

.input-field label.active {
    font-size: 11px;
    font-weight: 300;
}

.input-field-modal input[type="text"] {
    color: #fff;
    font-size: 14px;
}
.search-close{
    color: rgba(255, 255, 255, 0.9);
    font-size: 30px;
    -webkit-transform: translate(10px, 0) rotate(90deg);
    transform: translate(10px, 0) rotate(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1001;
    cursor: pointer;
    float: right;
    padding: 20px 30px;
}

.search-close:hover {
    color: #fff;
}

/*
************************************************
         ==Start feature CSS==
************************************************
*/

.feature_area {
    width: calc(100% - 48px);
    margin-left: 25px;
    text-align: center;
}

.feature_area_bg {
    background: #f8f8f8;
    border-bottom: 1px solid #DDDDDD;
    width: 100%;
    margin-left: 0;
}

.single_feature {
    display: inline-block;
    border-left: 1px solid #DDDDDD;
    padding: 42px 0 30px;
    height: 280px;
    width: 25%;
    margin-left: -4px;
}

.single_feature:nth-child(1) {
    border-left: none;
}

.single_feature i {
    font-size: 42px;
}

.single_feature h3 {
    color: #222222;
    font-size: 20px;
    text-transform: uppercase;
    margin: 29px 0 14px;
    font-family: 'Poppins', sans-serif;
}

.feature_info {
    position: relative;
}

.feature_info:before {
    border-bottom: 1px solid #FF5352;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.feature_info:hover:before {
    width: 100%;
}

/*
************************************************
          ===Start About CSS==
************************************************
*/

.about_area {
    padding-bottom: 85px;
}

.section_title {
    margin-bottom: 78px;
}

.title_subtitle span {
    color: #888888;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    letter-spacing: 1.2px;
}

.title h3 {
    color: #333333;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    /*text-transform: uppercase;*/
    margin: 8px 0 -8px;
}

.title hr {
    width: 70px;
    height: 1px;
    color: #dddddd;
}
.tabs {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 300px;
    width: 70%;
}
.tabby-tab {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.tabby-tab label {
	display: block;
	box-sizing: border-box;
    height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background 0.5s ease;
	transition: background 0.5s ease;
    color: #333333;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
	border: 1px solid #ddd;
}
.tabby-content {
	position: absolute;
    margin-top: 75px;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
	-webkit-transition: opacity 0.8s ease,
		-webkit-transform 0.8s ease;
	transition: opacity 0.8s ease,
		-webkit-transform 0.8s ease;
	transition: opacity 0.8s ease,
		transform 0.8s ease;
	transition:
		opacity 0.8s ease,
		transform 0.8s ease,
		-webkit-transform 0.8s ease;
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 140%;

}
.tabby-tab [type=radio] { display: none; }
[type=radio]:checked ~ label {
    z-index: 2;
    color: #ffffff;
}
[type=radio]:checked ~ label ~ .tabby-content {
	z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.label-one label {
    border-left: 1px solid #ddd!important;
}
.tabby-tab label:nth-child(2){
    border-left: none;

}
.single_checkcont p {
    margin: 28px 0px 16px;
}
.single_checkcont_list {
    margin-top: 15px;
}
.single_checkcont_list a {
    margin-left: 18px;
    line-height: 30px;
    font-size: 15px;
    color: #888;
    display: block;
    margin-left: 0px;
}
.single_checkcont_list i {
    margin-right: 12px;
}
.about_content {
    margin-top: 55px;
}

.custom_progress {
    background-color: #DDDDDD;
    box-shadow: none;
    height: 5px;
}

.skill_countdown {
    float: right;
    margin-right: 8px;
    position: relative;
}

.skill_countdown:after {
    position: absolute;
    content: "%";
    left: 15px;
    top: 0;
    width: 100%;
    height: 100%;
}

.skill p {
    color: #888888;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.skill a {
    color: #888888;
}


/*
************************************************
          ==Why Choose Us CSS==
************************************************
*/

.choose_area {
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 58px;
}

.choose_title_subtitle span {
    color: #eeeeee;
}

.choose_title h3 {
    color: #ffffff;
}

.choose_single_img {
    border: 10px solid #ffffff;
}

.choose_slider {
    margin-bottom: 45px;
}

.choose_icon {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    height: 70px;
    width: 70px;
    margin-left: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.choose_text {
    display: inline-block;
    width: calc(100% - 182px);
    vertical-align: top;
    margin-left: 28px;
}

.choose_icon i {
    color: #ffffff;
    font-size: 30px;
    line-height: 70px;
}

.choose_text h3 {
    color: #ffffff;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.choose_text p {
    color: #eeeeee;
    font-size: 15px;
    line-height: 30px;
}

.choose_content .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: right;
    bottom: 42px;
}

.choose_content .owl-dot span {
    padding-right: 20px;
    padding-top: 10px;
}

.choose_content .owl-dot {
    width: 15px;
    height: 3px;
    background: #fff;
    display: inline-block;
    margin: 0 5px;
}

.choose_content .owl-dot.active {
    background: #FF5353;
    width: 28px;
}


/*
************************************************
         ==Start Service CSS==
************************************************
*/

.service_area {
    background: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 96px;
}

.service_content {
    margin-bottom: 30px;
    padding: 50px 0 28px;
}

.service_icon i {
    color: #ffffff;
    font-size: 30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    padding-top: 15px;
}

.service_text {
    margin: 0 auto;
    width: calc(100% - 60px);
}

.service_text h3 {
    color: #333333;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    margin: 36px 0 18px;
}

.service_text p {
    color: #888888;
    font-size: 15px;
}


/*
************************************************
         ==Start Portfolio CSS==
************************************************
*/

/* ------ portfolio filter -----*/

.portfolio-filter {
    background: #f9f9f9;
    margin: auto;
    width: 597px;
    line-height: 70px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.portfolio-filter li {
    display: inline-block;
    height: 70px;
    line-height: 70px;
}

.portfolio-filter li a {
    color: #333;
    padding: 25px 26px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.portfolio-filter li.active {
    background: #99ca3c;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

.portfolio-filter li.active a {
    color: #fff;
}

.portfolio-filter {
    margin-bottom: 80px;
}

/* ------ masonry basic -----*/

.grid li {
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
}

.grid img {
    width: 100%
}

.grid-gallery {
    clear: both;
    float: left;
    width: 100%;
}

.gallery-img a {
    position: relative;
    z-index: 2;
    display: block
}

.grid-gallery ul {
    list-style: none;
    padding: 0;
}

.grid-gallery figure {
    margin: 0;
    position: relative
}

.grid-gallery figure img {
    display: block;
    width: 100%;
    opacity: 1;
}

.grid-gallery figcaption h3 {
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

.grid-gallery figcaption h3 a,
.grid-gallery figcaption h3 {
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 400;
    color: #eee;
}

.grid-gallery figcaption p a,
.grid-gallery figcaption p {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    text-decoration: none;
    color: #aaa;
    margin-bottom: 0;
}

.grid-gallery figcaption h3 a:hover,
.grid-gallery figcaption h3:hover,
.grid-gallery figcaption p a:hover,
.grid-gallery figcaption p:hover {
    color: #99CA3C;
}

.grid {
    margin: 0 auto;
}

.grid li {
    box-sizing: border-box;
    float: left;
    margin: 0;
    width: 25%;
    display: inline-table;
}

.grid figure {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.grid figcaption {
    top: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.grid-gallery figcaption i {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
    padding: 0 5px;
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(2.5);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.grid figure:hover figcaption i {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.grid figure figcaption i:hover {
    color: #99CA3C;
}

.gallery-img {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    position: relative;
}

.grid figure:hover .gallery-img {
    background-color: #000;
}

.no-hover figure:hover .gallery-img {
    background-color: transparent !important;
}

.thumbnail-image {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0.15;
}

.no-hover figure:hover img {
    opacity: 1 !important;
    -webkit-transform: none;
    transform: none;
}

.mfp-figure figure:hover img {
    cursor: pointer
}

.grid figure:hover figcaption {
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

/* ------ portfolio grid - 2 column -----*/

.revolution-masonry-portfolio-list .portfolio-item {
    padding: 10px;
}

/* ------ portfolio grid -----*/

/* portfolio grid - 2 column  */

.work-2col .grid li {
    float: left;
    width: 50%;
}


/* portfolio grid - 3 column  */

.work-3col .grid li {
    float: left;
    width: 33.33%;
}


/* portfolio grid - 4 column  */

.work-4col .grid li {
    float: left;
    width: 25%;
}

#portfolio.work-4col .grid figcaption {
    bottom: 60px;
}

.work-4col .grid-gallery figcaption h3 a,
.grid-gallery figcaption h3 {
    font-size: 14px;
    margin: 0 0 3px
}

.work-4col .grid-gallery figcaption p {
    font-size: 11px
}


/* portfolio grid - 5 column  */

.work-5col .grid li {
    float: left;
    width: 20%;
}

.work-5col .grid-gallery figcaption h3 {
    font-size: 12px;
    margin: 0 0 -2px;
}

.work-5col .grid-gallery figcaption h3 a {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    letter-spacing: 2px
}

.work-5col .grid-gallery figcaption p a {
    font-size: 12px;
    letter-spacing: 1px;
}

.work-5col .grid-gallery figcaption i {
    font-size: 26px;
    margin-bottom: 15px
}

.work-5col figure:hover img {
    -webkit-transform: none;
    transform: none;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    opacity: .15;
}


/* portfolio grid - gutter */

.gutter .grid-gallery ul {
    margin-left: -18px;
}


.gutter .grid li {
    padding: 0 0 18px 18px;
}


/* portfolio grid - with title */

.work-with-title .grid figcaption {
    opacity: 1;
    position: relative;
    bottom: 0;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 2;
}

.work-with-title .grid li figcaption h3,
.work-with-title .grid figcaption h3 a,
.work-with-title .grid li figcaption p {
    color: #333
}

.work-with-title .grid figcaption h3 a {
    display: block
}

.work-with-title .grid li:hover figcaption h3,
.work-with-title .grid li:hover figcaption h3 a {
    color: #000
}

.box-shadow .grid figure {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;
    margin-bottom: 20px;
}


/* button with hover */

.grid figure .action-btn {
    top: 50%;
    width: 100%;
    font-size: 36px;
    position: absolute;
    text-align: center;
}

.grid figure .action-btn i {
    color: #fff;
    opacity: 0;
    padding: 0 5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.grid figure:hover .action-btn i {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure .action-btn i:hover {
    color: #99CA3C;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


/* ------ portfolio grid title action -----*/


.grid figcaption{
    margin-top: -50px;
}
.work-5col .grid figcaption{
    margin-top: -35px;
}
.grid .action-btn
{
    margin-top: -60px;
}
.work-with-title .grid .action-btn{
    margin-top: -93px;
}
.work-3col.work-with-title .grid .action-btn,
.work-4col.work-with-title .grid .action-btn,
.work-5col.work-with-title .grid .action-btn{
    margin-top: -70px;
}

.work-with-title figcaption,
.work-5col.work-with-title .grid figcaption{
    margin-top: 0;
}

.work-with-title .grid figcaption {
    padding: 30px 0 20px 0;
}
.work-2col.work-with-title .grid figcaption {
    padding: 50px 0 45px 0;
}

/*- portfolio masonry title action -*/

section.masonry .grid figcaption{
    margin-bottom: 0;
    bottom: 30px;
}

section.masonry.wide .grid figcaption{
    margin-bottom: 0;
    bottom: 5%;
}

/* portfolio masonry adjustment */

.grid-gallery ul {
    margin-left: 0px;
}

.work-5col.masonry .grid-gallery ul {
    margin-left: -1px
}

/*
************************************************
         ==Start Counter CSS==
************************************************
*/

.counterup_area {
    padding: 78px 0 68px;
}
.count_icon {
    background: #FF5351;
    display: inline-block;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    padding: 0;
    text-align: center;
}
.single_count:hover .count_icon{
    background: #fff;
}

.count_icon span {
    color: #fff;
    font-size: 32px;
    line-height: 70px;
}

.single_count:hover .count_icon span {
    color: #FF5351;
}

.count_text {
    vertical-align: top;
    display: inline-block;
    margin-left: 30px;
}

.count_text h3 {
    color: #333333;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    margin: 2px 0 0;
}

.counts {
    position: relative;
}

.count_text p {
    font-size: 15px;
    color: #888888;
    font-family: 'Poppins', sans-serif;
}


/*
************************************************
          ==Start Video CSS==
************************************************
*/

.video_area {
    background: url(images/image5.png);
    background-size: cover;
    height: 578px;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 226px;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.video_area:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 578px;
    background: rgba(35, 35, 40, .9);
    z-index: -1;
}



/*
************************************************
         ==Start Team CSS==
************************************************
*/

.team_area {
    background: #f8f8f8;
    padding-bottom: 155px;
}

.team_member {
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    margin: 2px 2px 20px;
}

.member_content h4,
.member_content_overlay h4 {
    color: #333333;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.member_role {
    color: #888888;
    font-size: 12px;
    line-height: 0px;
    font-family: 'Poppins', sans-serif;
}

.team_icon {
    left: 95%;
    font-size: 24px;
    margin-top: -20px;
    position: absolute;
    margin-left: -50px;
    background: #FFFFFF;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    line-height: 50px;
}

.team-close-icon {
    left: -100%;
    font-size: 24px;
    margin-top: -20px;
    position: absolute;
    margin-left: -50px;
    background: #FFFFFF;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    line-height: 50px;
    opacity: 0;
    z-index: 99;
}

.team-close-icon a {
    color: #ff5352;
    display: block;
    border-radius: 50%;
}

.team_icon a {
    color: #ff5352;
    display: block;
    border-radius: 50%;
}

.member_content {
    background: #fff;
    padding-bottom: 30px;
    padding-top: 25px;
    text-align: center;
}

.member_toggle {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    left: -100%;
    opacity: 0;
    top: 0;
    padding-top: 40px;
}

.member_text {
    width: 210px;
    margin: auto;
}

.member_content_overlay {
    padding-top: 18px;
    border-top: 1px solid #EAEAEA;
    padding-left: 30px;
    margin-top: 22px;
}

.member_social {
    margin: 16px 0 0 -10px;
    padding-left: 28px;
}

.member_social li {
    display: inline-block;
}

.member_social li a {
    display: block;
    color: #888888;
    font-size: 16px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
}

.member_social li a:hover {
    background: #ff5352;
    color: #fff;
}

.team_overlay .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -40px;
}

.team_overlay .owl-dot.active {
    border: 3px solid #FF5353;
}

.team_overlay .owl-dot {
    width: 12px;
    height: 12px;
    border: 1px solid #ff5352;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
}


/*
************************************************
    ==Start Newsletter Subscribe CSS==
************************************************
*/

.newsletter {
    background-image: url(images/image10.jpg);
    text-align: center;
    padding: 116px 0 110px;
}

.newsletter_info h3 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    line-height: 36px;
}

.newsletter_info h3 span {
    color: #ff5352;
}

.upgraded_1 label,
.upgraded_h_1 label {
    color: #929292;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    left: 0px;
}
.input-field{
    margin:0;
}
.contact-form input[type="email"] {
    border-color: #ddd;
    color: #fff;
    margin-top: 6px;
    margin-left: -12px;
}

.contact-form{
    margin-top: -10px;
}
.contact-form input[type="email"] {
    border-color: #ddd;
    color: #fff;
    margin-top: 6px;
    margin-left: -12px;
    margin-bottom: 40px;
}

.contact-form input[type=email]:focus:not([readonly]),
.section_common_space input[type=text]:focus:not([readonly]),
.section_common_space input[type=email]:focus:not([readonly]),
textarea.massage_textarea:focus:not([readonly]) {
    border-bottom: 1px solid #FF5352;
    box-shadow: 0 1px 0 0 #FF5352;
}

.upgraded_1 input[type=email]:focus:not([readonly])+label,
.upgraded_h_1 input[type=email]:focus:not([readonly])+label,
.upgraded_field input[type=email]:focus:not([readonly])+label,
.upgraded_field input[type=text]:focus:not([readonly])+label,
textarea.massage_textarea:focus:not([readonly])+label {
    color: #FF5352;
}


/*
************************************************
         ==Start Pricing CSS==
************************************************
*/

.pricing_area.page-section {
    padding-bottom: 182px;
}

.pricing_bg_color.hover_box {
    background: #ffffff;
}

.plan-price {
    padding-top: 32px;
}

.plan-price h3 {
    color: #333333;
    font-size: 48px;
    font-family: 'Poppins', sans-serif;
}

.Package_type {
    color: #222222;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-top: -5px;
}

/*.price_feature {
    padding: 38px 0 70px;
}*/

.price_feature li {
    color: #888888;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 48px;
    border-bottom: 1px solid #f5f5f5;
}

.price_feature li:last-child {
    border-bottom: none;
}

.price_icon {
    color: #fff;
    font-size: 20px;
    background: #333333;
    height: 48px;
    width: 48px;
    display: inline-block;
    line-height: 48px;
    border-radius: 50%;
}

.price_icon span:hover {
    color: #fff;
}

.price_icon:hover span {
    color: #fff;
}

a.price_icon:focus,
.price_icon_h_2:focus,
.price_icon_h_2:hover {
    color: #fff
}

.pricing_table.active .plan-price h3 {
    color: #ff5352;
}

.pricing_table.active .price_icon {
    background: #ff5352;
}

.pricing_table:hover .plan-price h3 {
    color: #ff5352;
}

.pricing_table:hover .price_icon {
    background: #ff5352;
}

.price_icon:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
}


/*
************************************************
           ==Start Testimonials==
************************************************
*/

.testimonial_area {
    background-image: url(images/image11.png);
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 80px;
}

.testimonial_content {
    margin-top: -50px;
}

.testimonial_img {
    width: 100px;
    margin: 0 auto;
    height: 100px;
    overflow: hidden;
}

.testimonial_title h4 {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    margin: 18px 0 3px;
}

.testimonial_title span {
    color: #eeeeee;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
}

.testimonial_info {
    margin: 28px 0 35px;
}

.testimonial_info p {
    color: #eeeeee;
    width: 770px;
    text-align: center;
    margin: 0 auto;
}

.testimonial_content .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -20px;
}

.testimonial_content .owl-dot {
    width: 15px;
    height: 3px;
    background: #fff;
    display: inline-block;
    margin: 0 5px;
}

.testimonial_content .owl-dot.active {
    background: #FF5353;
    width: 28px;
}

.testimonial_content .owl-dot span {
    padding-right: 10px;
    padding-top: 10px;
}


/*-------------------------- testimonials 3columns css --------------------------*/

.client_testimonial_3column_details {
    margin-left: 35px;
}

.client_testimonial_3column_bottom h4 {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 4px;
}

.client_testimonial_3column_bottom span {
    color: #888888;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}

.client_testimonial_3column_info {
    position: relative;
    max-width: 330px;
}

.client_testimonial_3column_info p {
    margin-bottom: 15px;
    font-family: 'proxima_novaregular_italic';
}

.client_testimonial_3column_info:after {
    position: absolute;
    content: "\f1b2";
    z-index: -1;
    left: -35px;
    top: -10px;
    font-size: 30px;
    font-family: Material-Design-Iconic-Font;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*
************************************************
           ==Start Client CSS==
************************************************
*/

.client_area {
    background: #f8f8f8;
    padding: 55px 0;
    border-bottom: 1px solid #eaeaea;
}

.owl-carousel .owl-item .client_logo img {
    width: auto;
}


/*
************************************************
             ==Start Blog==
************************************************
*/

.blog_area {
    padding-bottom: 168px;
}

.blog_img {
    display: inline-block;
}

.blog_cont {
    display: inline-block;
    padding: 36px 0px 0 20px;
    vertical-align: top;
    width: 50%;
}

.blog_item {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    margin: 2px 0 2px 4px;
    padding: 8px 0 10px 10px;
    width: 98%;
}

.blog_s li {
    display: inline-block;
    margin-right: 10px;
}

.blog_s li a {
    color: #888888;
    cursor: default;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.blog_s li a i {
    margin-right: 5px;
}

.blog_cont h4 {
    color: #333333;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    margin: 2px 0 16px;
}

.blog_cont hr {
    color: #f8f8f8;
    width: 70px;
    margin: 0;
    height: 1px;
}

.colorWh {
    color: #888888;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 30px;
    max-width: 250px;
    margin: 17px auto 6px auto;
}

.blog_slid .owl-controls {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    bottom: -54px;
}

.blog_slid .owl-dot.active {
    border: 3px solid #FF5353;
}

.blog_slid .owl-dot {
    width: 12px;
    height: 12px;
    border: 1px solid #ff5352;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
}

/*
************************************************
          ==Start Contact Css==
************************************************
*/

.upgraded_field {
    margin-bottom: 15px;
}

.upgraded_field label {
    color: #888888;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.upgraded_field input,
textarea.massage_textarea {
    border-bottom: 1px solid #dddddd;
}
textarea#textarea1 {
    margin-bottom: 35px;
    padding: 50px 0;
}
.contact_icon {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background: #ff5352;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-top: 8px;
}

.contact_text {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    width: calc(100% - 85px);
}



.contact_bottom {
    padding-top: 75px;
}

.col-md-3.col-md-offset-1 .contact_bottom:last-child {
    margin-left: 28px;
}

.col-md-3.col-md-offset-1 .contact_bottom.last:last-child {
    margin-left: 58px;
}


/* google map */

#google_map {
    height: 308px;
    left: 0px;
}


/*
************************************************
             ==Start Footer Css==
************************************************
*/
.footer_area {
    padding-top: 106px;
    padding-bottom: 0;
    background: #1d1d22;
}

.title_underline {
    background: #343439;
    width: 50px;
    height: 1px;
    margin-bottom: 30px;
    display: inline-block;
}

.footer_column_title h5 {
    color: #fff;
    text-transform: uppercase;
}

.more_about_us, .stay_update, .quick_link{
    padding-bottom: 95px;
}

.more_about_us p {
    color: #eeeeee;
    font-size: 14px;
}

.footer_left_icon {
    margin-top: 15px;
}

.footer_left_icon li {
    padding-right: 5px;
    display: inline-block;
}

.footer_left_icon li a {
    color: #fff;
    text-align: center;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 25px;
    border-radius: 50%;
}

.footer_left_icon li:nth-child(1),
.footer_left_icon li:nth-child(2) {
    font-size: 13px;
}

.footer_left_icon li:nth-child(3) {
    font-size: 12px;
}

.footer_left_icon li:nth-child(4) {
    font-size: 16px;
}

.footer_left_icon li:nth-child(5) {
    font-size: 13px;
}
.quick_link{
    /*float: right;*/
}
.quick_link_list li {
    line-height: 30px;
}

.quick_link_list li a {
    color: #eeeeee;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    /*text-transform: capitalize;*/
	text-transform: none;
}

.quick_link_list li a i {
    margin-right: 15px;
}

.contact-form {
    margin-top: -22px;
}

.copyright {
    margin-top: -4px;
}

.copyright p {
    color: #eee;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.footer_content {
    margin: 32px auto 15px auto;
    width: 775px;
}

.footer_content p {
    font-size: 14px;
    color: #eeeeee;
}

.footer_icon li {
    display: inline-block;
    background: #eb4e4e;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    margin: 3px
}

.footer_icon li:nth-child(1),
.footer_icon li:nth-child(2) {
    font-size: 13px;
}

.footer_icon li:nth-child(3) {
    font-size: 12px;
}

.footer_icon li:nth-child(4) {
    font-size: 16px;
}

.footer_icon li:nth-child(5) {
    font-size: 13px;
}

.footer_icon li a {
    display: block;
    color: #fff;
}

.footer_menu li {
    display: inline-block;
    margin: 28px;
    position: relative;
}

.footer_menu li:after,
.footer_menu li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: #EB4E4E;
    bottom: 0px;
}

.footer_menu li:after {
    left: 0;
}

.footer_menu li:before {
    right: 0
}

.footer_menu li:hover::after {
    width: 50%;
}

.footer_menu li:hover::before {
    width: 50%;
}

.footer_menu li a {
    display: block;
    color: #eeeeee;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    position: relative;
}

.footer_menu li a:hover {
    color: #EB4E4E
}

.footer_menu li a:after {
    position: absolute;
    content: "";
    top: 4px;
    left: 30px;
    width: 100%;
    height: 8px;
    border-right: 1px solid #c8c8c8;
}

.footer_menu li:last-child a:after {
    border-right: none;
}

.footer_menu {
    margin: -16px 0 -2px;
}

.copyright_section p {
    color: #888888;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
}

.copyright_section p a {
    color: #EB4E4E;
}

/*---- Flicker Photo -----*/

.flicker-photo {
    margin-left: -35px;
}

.footer-veno-item {
    font-size: 16px;
    opacity: 0;
    height: 68px;
    -webkit-transition: .5s;
    transition: .5s;
    width: 68px;
    background: rgba(33, 150, 243, .9);
    color: #fff;
    text-align: center;
    margin: 3px auto
}

.footer-veno-item:hover {
    opacity: 1;
}

.footer-veno-item i {
    padding-top: 28px;
}

.footer-overlay-img a {
    display: inline-block;
    width: 75px;
    height: 75px;
    background-size: 100% 100%;
    margin: 5px 3px;
}

.simple-overlay-bg {
    background-color: rgba(0, 0, 0, .6)
}

.simple-overlay .close > div > div:before,
.simple-overlay .close > div > div:after {
    background-color: #fff;
}

.simple-overlay .close > div:before,
.simple-overlay .close > div:after,
.simple-overlay .prev.touch:before,
.simple-overlay .prev.touch:after,
.simple-overlay .next.touch:before,
.simple-overlay .next.touch:after {
    background-color: #fff;
}


/*--- Footer Nav ------*/

.bottom_footer {
    border-top: 1px solid #343439;
    padding: 50px 0 34px;
}

.footer_menu_bottom ul li {
    display: inline-block;
    position: relative;
    padding-right: 37px;
}

.footer_menu_bottom ul li a {
    color: #eeeeee;
    display: inline-block;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

.footer_menu_bottom ul li a:after,
.footer_menu_bottom ul li a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    bottom: 0px;
}

.footer_menu_bottom ul li a:after {
    left: 0;
}

.footer_menu_bottom ul li a:before {
    right: 0;
}

.footer_menu_bottom ul li a:hover::after {
    width: 50%;
}

.footer_menu_bottom ul li a:hover::before {
    width: 50%;
}

.footer_menu_bottom ul li:after {
    position: absolute;
    content: "";
    right: 12px;
    top: 8px;
    height: 1px;
    border-left: 4px solid #eeeeee;
}

.footer_menu_bottom ul li:last-child:after {
    border-left: none;
}

/*
************************************************
             ==Scroll to Top==
************************************************
*/

span.scroll_top_up {
    bottom: 17px;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    position: fixed;
    right: 30px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
}

body footer .scroll_top_up {
    position: fixed;
    z-index: 999;
}


.ulElenco{
	list-style-type: inherit;
	color:#888;
	margin-left: 15px;
}

.liElenco{

	list-style: inherit;
	color:#888;

}

.p-m-10{

	margin: 10px 0 10px;
}

.DescrBold{

	font-size: 26px;
	font-weight: 900 !important;
}

/* Setto l'altezza ed il colore del messaggio dei cookie */
.cc-window{
	padding: 0.2em 1.8em!important;
	background-color: rgba(0,0,0,0.5)!important;
}

.img-format-60{

	max-width:60%;

}

.social-footer-align{

	position: absolute;
	margin-top: -10px;

}

.testo-justify{

	text-align:justify;
}

.news-txt-color{

    border-color: #929292!important;/*#ddd*/
    color: #888!important;
    margin-top: 6px!important;
    margin-left: -12px!important;
    margin-bottom: 40px!important;

}

.align-left{
	text-align:left;
}

.margin-l-10{
	margin-left:10px;
}

.margin-esito-newsletter{
	margin-top: 25px;
	margin-left:5px;
}

.serv-desc-icon{
	margin-bottom:30px;
	text-align:center;
}


.img-serv-desc{
	margin-top:-17px;
}

.m-top-24n{
	margin-top:-24px;	
}

.m-top-108n{
	margin-top:-108px;	
}

.miur-footer{
	float: right;
	font-size: 17px!important;
	font-weight: bold;
}

/** Css per la form della pagina Jobs (ex lavora con noi) **/

#posizione{
    width: 50% !important;
    height: 35px !important;
    margin-left: 10px !important;
    border: #d1d1d1 1px solid;
}
#posizione:focus{
    color: #ea5b25 !important;
}
.file{
    margin-left: 10px !important;
}
.margin-10{
    margin-left: 10px !important;
}
.div-posizione-label{
    padding-left: 0px !important;
}
@media only screen and (max-width: 768px){
    #posizione{
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.miur-footer{
		font-size: 17px!important;
		margin-top: 5px;
		margin-left:52px!important;
		text-align:left!important;
		margin-top: 40px;
		font-weight: bold;
	}
	
	.quick_link{
		float: left!important;	
	}
	
	.sm_view{
		margin-left:32px!important;
	}
}	


@media only screen and (max-width: 768px){
	
	.miur-footer{
		font-size: 17px!important;
		margin-top: 5px;
		margin-left:52px!important;
		text-align:left!important;
		margin-top: 40px;
		font-weight: bold;		
	}
	
	.sm_view{
		margin-left:32px!important;
	}
}	

.sec-padd-exp{
    padding-top: 80px;
    padding-bottom: 20px;
}

.f-s-25-exp{
    font-size:20px;
}

.f-s-15-exp{
    font-size:15px;
}

.f-s-italic{
    font-style: italic;
}

.chiamami-outofservice{
    margin-bottom: 25px;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

/* Inizio definizione della select */	

select.select-form-sbm{
	font-family: 'Poppins', Sans-serif!important;
	font-size:14px!important;
    border: 1px solid #ccc!important;
    height: 54px;
    background-color:#f7f7f7;
    border-radius: 0px;
}	

select.select-form-sbm > option{
    color:#555;
}	

select.select-form-sbm > option:disabled {
    color:#999!important;
}	

.input-operatore-pers{
    border: 1px solid
    #ccc;
    height: 54px;
    background-color:
    #f7f7f7;
    border-radius: 0px;
}

/* Fine definizione della select */	


.placeh-color{
	color:#999;
}

.data-color{
	color:#555!important;
}

/* hack per menu */
@media (min-width: 1200px){
    header#header div.container{
        max-width: 1240px;
        width:100%;
    }
}


/************* faq ************/
.faq-container {
    margin: 2rem auto;
    width: 96%;
    max-width: 1000px;
  }
  .faq-container > .faq-box {
    background: #fff;
    padding: 3rem;
    margin-bottom: 3rem;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transition: 1s;
  }
  .faq-container > .faq-box input[type="radio"] {
    display: none;
  }
  .faq-container > .faq-box .faq-title {
    font-size: 22px !important;    
    font-weight: 600;
    line-height: 150%;
    text-align: left;    
    padding: 1rem 0.5rem;    
    display: block;
    width: 100%;
    cursor: pointer;
    transition: 1s;
  }
  .faq-container > .faq-box .faq-title::after {
    content: "\02c5";
    padding-right: 0.25em;
    font-size: 30px;    
    font-weight: 700 !important;
    float: right;
    color:#9b2c88;
  }
  .faq-container > .faq-box .faq-text {
    color: #000;
    padding: 2rem 1rem 1rem;
    
    display: none;
    height:0;
    transition: 1s;
    font-size:18px;
    line-height: 150%;
  }
  .faq-container > .faq-box .faq-text p {
    margin-bottom: 1rem;
    transition: 1s;
  }
  .faq-container > .faq-box .faq-selector:checked ~ .faq-text {
    display: inline-block;
    height:auto;
    transition: 1s;
  }
  .faq-container > .faq-box .faq-selector:checked ~ .faq-title {
    background: #9b2c88;
    transition: 1s;
  }
  .faq-container > .faq-box .faq-selector:checked ~ .faq-title::after {
    content: "\02c4";
    color:#fff;
    transition: 1s;
  }

  .faq-container .list-number > li {
    list-style: decimal;
    margin-bottom: 1rem;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
}

  @media all and (max-width: 768px) {
    .faq-container > .faq-box {
      padding: 1rem 1.5rem;
    }
    .faq-container > .faq-box .faq-title::after {
      content: "\02c5";
      font-size: 30px;
      float: none;
      display: block;
      margin: 0.5rem auto;
      width: 100%;
      text-align: center;
    }
  }
  @media all and (max-width: 600px) {
    .faq-container > .faq-box {
      padding: 0.75rem 1rem;
    }
    .faq-container > .faq-box .faq-title {
      font-size: 1rem;
    }
    .faq-container > .faq-box .faq-title::after {
      font-size: 22px;
    }
  }


  @media (max-width: 640px) {
    .faq-container > .faq-box {
      padding: 0.75rem 1rem;
    }
    .faq-container > .faq-box .faq-title {
      font-size: 18px !important;
    }
    .faq-container > .faq-box .faq-title::after {
      font-size: 30px;
    }

    .faq-container > .faq-box .faq-text {
  
        padding: 1rem 0.5rem 0.5rem;        
        font-size:16px;
        line-height: 125%;
      }

    .faq-container > .faq-box .faq-text p {
        margin-bottom: 0.75rem;
        font-size:14px !important;
        max-width:99.9% !important;
        width:99.9% !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow:hidden;
        
      }

      .faq-container > .faq-box .list-number > li {
        list-style: decimal;
        margin-bottom: 0.75rem;
        font-family: 'Poppins', sans-serif;
        font-size: 14px !important;
        font-weight: 300;
        line-height: 1.3;
    }
    
      
  }



  h3.titolo.star {
      font-size:24px;
      font-weight:600;
      padding-top:20px;      
      line-height:32px;
      margin: 0 !important;
      padding-bottom:6px;
  }

  img.logo-service {
      max-width:320px !important;
      margin-bottom:12px;
  }