/*----------------------------
           DEFAULT
----------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body, ul, li, h1, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
    color: #ffffff;
    font-family: 'Open Sans', 'main_font_normal', sans-serif;
}

body {
    overflow: hidden;
}

section:nth-child(n+2) {
    display: none;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.input_text {
    border-radius: 4px;
    border: none;
    padding: 5px 50px 5px 15px;
    position: relative;
    font-size: 15px;
    vertical-align: top;
    outline: none;
}

.no_padding {
    padding: 0;
}

.no_img {
    display: none;
    opacity: 0;
}

.no_img_opacity {
    opacity: 0;
    visibility: hidden;
}

.container-fluid {
    height: 100%;
}

.container {
    position: relative;
    width: 1000px !important;
    height: 100%;
    margin: 0 auto;
    z-index: 2;
}

.section {
    height: 100%;
    min-height: 600px;
    min-width: 1000px;
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    z-index: 1;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

/*----------------------------
           HEADER
----------------------------*/
#loading_page {
    background-image: url("../images/intro_bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2f9e8e;
    background-size: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    /*display: none;*/
}

#loading_page .loading_stars {
    background: url("../images/intro_stars.png");
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear,background-position 2s linear;
    -moz-transition: all .5s linear,background-position 2s linear;
    -ms-transition: all .5s linear,background-position 2s linear;
    -o-transition: all .5s linear,background-position 2s linear;
    transition: all .5s linear,background-position 2s linear;
}

#loading_page .loading_line {
    position: absolute;
    top: 0;
    width: 0;
    height: 5px;
    border-top: 2px solid #ffffff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#loading_page .container {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading_page .logo_img {
    margin-top: 100px;
    width: 150px;
    height: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#loading_page .loading_txt {
    font-weight: 600;
    font-size: 12px;
    margin-top: -5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

#loading_page .show_content {
    opacity: 1;
    visibility: visible;
}

#loading_page .plants {
    position: absolute;
    bottom: 0;
    display: none;
}

#loading_page .small_plant {
    position: absolute;
    left: 0;
    bottom: -80px;
}

#loading_page .mid_plant {
    position: absolute;
    left: 250px;
    margin: 0 auto;
    bottom: -225px;
}

#loading_page .big_plant {
    position: absolute;
    right: 0;
    bottom: -335px;
}

.header {
    position: fixed;
    top: 0;
    min-width: 1000px;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    z-index: 5;
}

.header.dark {
    border-bottom-color: rgb(200, 200, 200);
    color: rgb(200, 200, 200);
}

.header .logo_content {
    position: absolute;
    left: 10%;
    top: 0px;
}

.header .logo_content .logo {
        width: 187px;
}



.header .menu_icons {
    position: absolute;
    padding-top: 35px;
    width: 532px;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.header .menu_icons .menu_items_content {
    height: 100%;
}

.header .menu_icons .items {
    float: left;
    height: 100%;
    margin: 0 10px;
    position: relative;
}

.header .menu_icons .items a {
    display: block;
    height: 100%;
    margin-top: 1px;
}


.header .menu_icons .items .icons {
    width: 40px;
    height: 25px;
    text-align: center;
}



.header .menu_icons .items .link_name {
    position: absolute;
    bottom: -30px;
    left: -36px;
    width: 100px;
    display: none;
    text-align: center;
}
.header .menu_icons .items.selected .homeland {
    background: url("../images/menu_icons/new/hover/Home.png") no-repeat 0px 0;
}

.header .menu_icons .items.selected .services {
    background: url("../images/menu_icons/new/hover/About.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .who {
    background: url("../images/menu_icons/new/hover/Services.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .case_studies {
    background: url("../images/menu_icons/new/hover/Clients.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .master_pieces {
    background: url("../images/menu_icons/new/hover/Products.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .proud_to_know {
    background: url("../images/menu_icons/new/hover/Products.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .story_to_tell {
    background: url("../images/menu_icons/new/hover/Tetimonials.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .keep_in_touch {
    background: url("../images/menu_icons/new/hover/Contact.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .technology_icons {
    background: url("../images/menu_icons/new/hover/Tetimonials.png") no-repeat 0px 0px;
}

.header .menu_icons .items.selected .press_icons {
    background: url("../images/menu_icons/new/hover/Tetimonials.png") no-repeat 0px 0px;
}


.header .menu_icons .items .homeland {
    background: url("../images/menu_icons/new/Home.png") no-repeat 0px 0;
}

.header .menu_icons .items .services {
    background: url("../images/menu_icons/new/About.png") no-repeat 0px 0px;
}

.header .menu_icons .items .who {
    background: url("../images/menu_icons/new/Services.png") no-repeat 0px 0px;
}

.header .menu_icons .items .case_studies {
    background: url("../images/menu_icons/new/Clients.png") no-repeat 0px 0px;
}

.header .menu_icons .items .master_pieces {
    background: url("../images/menu_icons/new/Products.png") no-repeat 0px 0px;
}

.header .menu_icons .items .proud_to_know {
    background: url("../images/menu_icons/new/Products.png") no-repeat 0px 0px;
}

.header .menu_icons .items .story_to_tell {
    background: url("../images/menu_icons/new/Tetimonials.png") no-repeat 0px 0px;
}

.header .menu_icons .items .keep_in_touch {
    background: url("../images/menu_icons/new/Contact.png") no-repeat 0px 0px;
}

.header .menu_icons .items .technology_icons {
    background: url("../images/menu_icons/new/Tetimonials.png") no-repeat 0px 0px;
}

.header .menu_icons .items .press_icons {
    background: url("../images/menu_icons/new/Tetimonials.png") no-repeat 0px 0px;
}


.header .menu_icons .items.selected .link_name {
    display: block;
}

.header .menu_icons .items .link_name.hover {
    bottom: 5px;
    display: block;
    color: #FAEAA6;
    font-size: 13px;
}

.header .menu_icons .items.selected .icons {
    background-position: 0px 0;
}

.header.dark .menu_icons .items .icons {
    background-position: top -60px center;
}

.header.dark .menu_icons .items.selected .icons {
    background-position: top -90px center;
}

.header.dark .menu_icons .items.selected .link_name {
    color: rgb(115, 115, 115);
}

.header .menu_icons .items img {
    width: 25px;
}

.header .profile_content {
    position: absolute;
    right: 25px;
    color: #ffffff;
    top: 35px;
}

.profile_content .txt {
    margin-top: 4px;
    margin-right: 50px;
    font-weight: 300;
}

.profile_content .account_img {
    width: 25px;
    height: 25px;
    background: url("../images/menu_icons/account_icons.png") no-repeat top -31px center;
    background-size: 25px;
}

/*----------------------------
           CONTENT
----------------------------*/
.section .section_content {
    overflow: hidden;
}

.new_line {
    display: block;
    margin-top: -27px;
}

.section .section_title {
    font-size: 55px;
    margin-top: 130px;
    /*display: none;*/
}

.section .section_title .first_part {

}

.section .section_title .second_part {
      font-weight: 700;
    font-size: 35px;
    color: #FAEAA6;
    margin-top: 0px;
}

.section .section_text {
    font-weight: 300;
    font-size: 20px;
    /*display: none;*/
}

.section .section_text .quote_txt {
    font-weight: 400;
}

.section .section_text .quote_name {
    font-weight: 300;
    font-size: 16px;
    color: #FAEAA6;
}

#home {
    position: relative;
    background: url("../images/backgrounds/homeland_01.jpg")no-repeat fixed;
    z-index: 2;
}

#home .section_content {
    max-width: 1000px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#home .home_slider, #home .home_slider .slick-list, #home .home_slider .slick-track {
    height: 100%;
}

#home .home_slider .first_slide {
    background: url('../images/backgrounds/homeland_01.jpg') no-repeat;
    background-size: cover;
    text-align: center;
}

#home .slick-prev {
    left: 15px;
    background: url("../images/menu_icons/arrow_L.png") no-repeat;
    width: 50px;
    height: 50px;
}

#home .slick-prev:before {
    content: '';
}

#home .slick-next {
    right: 15px;
    background: url("../images/menu_icons/arrow_R.png") no-repeat;
    width: 50px;
    height: 50px;
}

#home .slick-next:before {
    content: '';
}

#home .section_title {
    font-weight: 300;
    font-size: 85px;
    color: #B2B4B5;
    /*margin-top: 235px;*/
    display: block;
}

#home .section_title .first_part {
    font-weight: 300;
    font-size: 35px;
}

#home .section_title .second_part {
    font-weight: 700;
    /*margin-left: -15px;*/
    font-size: 35px;
    margin-top: 0px;
    background: url('../images/slid1/ico1.png') no-repeat center left;
    padding-left: 50px;
}

#home .section_text {
    display: block;
    opacity: 1;
    margin-top: 5px;
    font-size: 25px;
}

#home .name {
    font-size: 13px;
    display: block;
    opacity: 1;
}

#home .arrow_down {
    position: absolute;
    width: 25px;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
}

.join_team {
    position: absolute;
    z-index: 5;
    bottom: 20px;
    right: 20px;
    text-align: center;
}

.join_team .title {
    font-size: 13px;
    color: #ffffff;
}

.join_team .title .first {
    font-weight: 300;
}

.join_team .title .second {
    font-weight: 700;
}

/*  SERVICES  */
#about {
    background: url("../images/backgrounds/about.jpg") no-repeat fixed;
}

#about .overlay {
    background-color: rgba(0, 0, 0, .3);
}

#about .section_title {
    /*margin: 230px auto 0 auto;*/
    margin: 0 auto;
    text-align: center;
}

#about .quote_txt {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: 0px;
}

#about .quote_name {
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin-top: 0px;
}

#about .section_text {
    margin: 50px auto 0 auto;
    text-align: center;
    max-width: 600px;
    height: 170px;
}

#about .section_text .title {
    margin: 0 0 30px 0;
    font-size: 17px;
    font-weight: 400;
}

#about .section_text .title_extend {
    font-weight: 400;
    font-size: 15px;
    margin-top: 15px;
}

#about .section_text .down_arrow {
    margin-top: 20px;
    display: none;
}

#about .section_text .down_arrow img {
    opacity: 0;
}

#about .down_arrow .down_lnk {
    background: url("../images/button_bg.png") no-repeat;
    width: 200px;
    height: 50px;
    display: inline-block;
    padding: 11px 0;
    color: #ffffff;
    text-decoration: none;
}

#about .close_btn {
    top: 20px;
    right: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

#about .play_btn {
    top: 50%;
    width: 65px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: none;
    text-align: center;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

#about .video_content {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 50;
    visibility: hidden;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

#about .video_content.play {
    opacity: 1;
    visibility: visible;
}

#about .video_content video {
    z-index: 5;
    top: -300px;
    opacity: 0;
    min-width: 100%;
    min-height: 100%;
    visibility: hidden;
    object-fit: cover;
    -o-object-fit: cover;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}

#about .video_content.play video {
    opacity: 1;
    visibility: visible;
    top: 0;
}

#about .video_icon_content {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
}

#about .video_icon_title {
    color: #ffffff;
    font-weight: 300;
    font-size: 17px;
    margin-top: 10px;
}

#about .video_icon_content .video_btn {
    cursor: pointer;
}

/*  SERVICE EXTENDED  */
#services_extended {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
}

#services_extended.clicked {
    right: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#services_extended .right_section {
    position: absolute;
    float: right;
    /*right: 0;*/
    background: #3BC387;
    background-size: contain;
    width: 50%;
    height: 100%;
    border-left: 1px solid #41e49c;
    overflow: hidden;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

#services_extended .right_section.selected {
    width: 100%;
}

#services_extended .right_section .inner_right_section {
    background: url("../images/backgrounds/sales.jpg") no-repeat #3BC387;
    background-size: cover;
    width: 50%;
    height: 100%;
    float: right;
}

#services_extended .right_section .inner_left_section {
    background: #3BC387;
    width: 50%;
    height: 100%;
    float: right;
    position: relative;
}

#services_extended .right_section .inner_left_section .title {
    margin: 120px auto 0 auto;
    width: 500px;
    font-weight: 700;
    font-size: 44px;
    padding: 30px 30px 0 30px;
}

#services_extended .right_section .inner_left_section .subtitle {
    padding: 0 30px;
    width: 500px;
    font-size: 14px;
    text-align: justify;
    margin: 0 auto;
}

#services_extended .left_section .inner_left_section {
    background: url("../images/backgrounds/leads.jpg") no-repeat #3BC387;
    background-size: cover;
    width: 50%;
    height: 100%;
    float: left;
}

#services_extended .left_section .inner_right_section {
    background: #3BC387;
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}

#services_extended .left_section .inner_right_section .title {
    margin: 120px auto 0 auto;
    width: 500px;
    font-weight: 700;
    font-size: 44px;
    padding: 30px 30px 0 30px;
}

#services_extended .left_section .inner_right_section .subtitle {
    padding: 0 30px;
    width: 500px;
    font-size: 14px;
    text-align: justify;
    margin: 0 auto;
}

#services_extended .left_section {
    position: absolute;
    float: right;
    left: 0;
    background: #3BC387;
    background-size: contain;
    width: 50%;
    height: 100%;
    border-right: 1px solid #41e49c;
    overflow: hidden;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

#services_extended .left_section.selected {
    width: 100%;
}

#services_extended .section_title {
    position: relative;
    font-size: 40px;
    text-align: center;
    margin-top: 50%;
    opacity: 0;
}

#services_extended .section_title .second_part {
    margin-top: -25px;
    font-size: 45px;
}

#services_extended .section_title .question {
    font-size: 30px;
    color: white;
    margin-top: 15px;
}

#services_extended .left_section .q_mark {
    color: #ffffff;
}

#services_extended .right_arrow .default, #services_extended .right_arrow .clicked {
    cursor: pointer;
}

#services_extended .back_btn {
    position: absolute;
    bottom: 87px;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 105px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background: #41e49c;
    border-radius: 20px;
    padding: 5px 0;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
}

/* FOR WHO */
#services {
    background: url("../images/backgrounds/Services.jpg") no-repeat fixed;
}

#services .overlay {
    background: url("../images/backgrounds/for_who_bg.png");
}

#services .section_content {

}

#services .section_title {
    /*margin: 140px auto 0 auto;*/
    margin: 0 auto;
    text-align: center;
}

#services .quote_txt {
    font-size: 18px;
    font-weight: 400;
    color: white;
    margin-bottom: 5px;
    margin-top: -5px;
    text-align: center;
}

#services .quote_name {
    font-weight: 300;
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: -10px;
}

#services .section_text {
    left: 0;
    right: 0;
    margin: 10px auto 10px auto;
    text-align: center;
    font-weight: 600;
}

#services .items_container {
    width: 100%;
    margin: 20px auto 0 auto;
}

#services .items_container .items_container_ul .items_container_item {
    /*float: left;*/
    display: inline-block;
    width: 55px;
    height: 70px;
    margin: 0 35px 27px 0;
    position: relative;
}

#services .items_container .items_container_ul .items_container_item:nth-child(4n), #services .items_container .items_container_ul .items_container_item:last-child {
    margin-right: 0;
}

#services .items_container .for_who_headers {
    overflow: hidden;
    margin-bottom: 30px;
}

#services .items_container .for_who_headers .sales_tab {
    float: right !important;
}

#services .items_container .for_who_headers .sales_tab, #services .items_container .for_who_headers .leads_tab {
    float: left;
    width: 345px;
}

#services .items_container .for_who_headers .sales_tab .sales_content, #services .items_container .for_who_headers .leads_tab .leads_content {
    width: 100%;
    background: rgba(37, 37, 37, 0.5);
    text-align: center;
    border-radius: 25px;
    padding: 10px;
    margin: 0 auto;
}

#services .items_container .items_container_ul .for_who_left_section {
    margin: 0 73px 0 0;
}

#services .items_container .items_container_ul .for_who_left_section, #services .items_container .items_container_ul .for_who_right_section {
    /*float: left;*/
    /*overflow: hidden;*/
    display: inline-block;
    text-align: center;
    width: 45%;
}

#services .items_container .items_container_ul .items_container_item .item_circle {
    width: 60px;
    height: 60px;
    background-size: cover !important;
    cursor: pointer;
    position: relative;
}

#services .items_container .items_container_ul .items_container_item:hover .item_circle {
    background-position: top -64px left !important;
    z-index: 5;
}

#services .items_container .items_container_ul .items_container_item .data_content {
    position: absolute;
    min-width: 600px;
    top: 60px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    text-align: left;
}

#services .items_container .items_container_ul .items_container_item:hover .data_content {
    /*display: block;*/
    opacity: 1;
    visibility: visible;
}

#services .items_container .items_container_ul .items_container_item .data_content .title_content {
    overflow: hidden;
}

#services .items_container .items_container_ul .items_container_item .data_content .title {
    font-weight: 600;
    font-size: 14px;
    float: left;
}

#services .items_container .items_container_ul .items_container_item .data_content .sep_line {
    width: 1px;
    height: 10px;
    background: #41e49c;
    margin: 7px 7px;
    float: left;
}

#services .items_container .items_container_ul .items_container_item .data_content .subtitle {
    font-weight: 400;
    font-size: 13px;
    float: left;
    margin-top: 1px;
}

#services .items_container .items_container_ul .items_container_item .data_content .txt {
    font-weight: 300;
    font-size: 12px;
    clear: both;
    margin-top: -2px;
}

/*#services .items_container .items_container_ul .items_container_item:nth-child(7n) {
    margin-right: 0 !important;
}*/

#services .items_container .items_container_ul .items_container_item.one .item_circle {
    background: url("../images/for_who/Broadband.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.two .item_circle {
    background: url("../images/for_who/Business_broadband.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.three .item_circle {
    background: url("../images/for_who/Business_directories.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.four .item_circle {
    background: url("../images/for_who/Business_mobile.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.five .item_circle {
    background: url("../images/for_who/Calling_solutions.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.six .item_circle {
    background: url("../images/for_who/Car_brochures.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.seven .item_circle {
    background: url("../images/for_who/Car_test_drives.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.eight .item_circle {
    background: url("../images/for_who/Driving_schools.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.nine .item_circle {
    background: url("../images/for_who/DVD_rentals.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.ten .item_circle {
    background: url("../images/for_who/Eductation_programs.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.eleven .item_circle {
    background: url("../images/for_who/Gas_electric.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.twelve .item_circle {
    background: url("../images/for_who/Gas_electric_switching.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.thirteen .item_circle {
    background: url("../images/for_who/Gym_network.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.fourteen .item_circle {
    background: url("../images/for_who/Home_improvments.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.fifteen .item_circle {
    background: url("../images/for_who/Mobile_sim_cards.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.sixteen .item_circle {
    background: url("../images/for_who/Mobile_networks.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.seventeen .item_circle {
    background: url("../images/for_who/Mobile_subscriptions.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.eighteen .item_circle {
    background: url("../images/for_who/Travel_sites.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.nineteen .item_circle {
    background: url("../images/for_who/Utilities.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.twenty .item_circle {
    background: url("../images/for_who/Work_from_home.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.twentyone .item_circle {
    background: url("../images/for_who/Startups.png") no-repeat;
}

#services .items_container .items_container_ul .items_container_item.twentytwo .item_circle {
    background: url("../images/for_who/Prepaid_credit_card.png") no-repeat;
}

#services .items_container .close_btn {
    top: 65px;
    position: absolute;
    right: 180px;
    cursor: pointer;
}

#services .items_container .close_btn img {
    width: 15px;
}

#services .items_container.selected .close_btn {
    display: block;
    opacity: 1;
}

#services .items_container .paragraph_tab {
    position: relative;
    overflow: hidden;
    height: 260px;
    max-width: 600px;
    margin: 45px auto 0 auto;
    text-align: left;
}

#services .items_container ul {

}

#services .items_container .item {
    float: left;
    width: 16.5%;
    text-align: center;
}

#services .items_container .item .headline {
    cursor: pointer;
    display: inline-block;
}

#services .items_container .item .headline .num {
    font-weight: 700;
}

#services .items_container.selected {
    top: 120px;
}

#services .items_container .item.selected .headline {
    color: #41e49c;
}

#services .items_container .item.selected .headline .no_img {
    display: block;
    opacity: 1;
}

#services .items_container .item.selected .headline .no_img {
    display: block;
    opacity: 1;
}

#services .items_container.selected .paragraph_tab {
    opacity: 1;
    visibility: visible;
}

/* CASE STUDY */
#clients {
    background: url("../images/backgrounds/Clients.jpg") no-repeat fixed;
}

#clients .overlay {
    background: url("../images/backgrounds/case_study_bg.png");
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}

#clients .section_title {
    /*margin: 135px auto 0 auto;*/
    margin: 0 auto;
    text-align: center;
}

#clients .section_text {
    left: 0;
    right: 0;
    margin: -5px auto 0 auto;
    text-align: center;
}

#clients .case_items {
    margin: 10px auto 0 auto;
    width: 740px;
}

#clients .case_items .items_content {
    border-spacing: 10px;
    border-collapse: collapse;
    margin: 0 auto;
}

#clients .case_items .items_content .item {
    width: 120px;
    height: 145px;
    padding: 5px;
}

#clients .case_items .items_content .item.main {
    width: 330px;
    height: 310px;
    vertical-align: top;
    padding: 5px;
}

#clients .case_items .items_content .item.main .data_content {
    background: rgba(56, 37, 27, 0.7);
    padding: 0 15px;
    cursor: default;
}

#clients .case_items .items_content .item .data_content.love_film {
    background-image: url("../images/case-study/LoveFilm_bt.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

#clients .case_items .items_content .item .data_content.audible {
    background-image: url("../images/case-study/Audible_bt.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

#clients .case_items .items_content .item .data_content.vodafone {
    background-image: url("../images/case-study/Vodafone_bt.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

#clients .case_items .items_content .item .data_content.david {
    background-image: url("../images/case-study/David_Lloyd_bt.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

#clients .case_items .items_content .item .data_content {
    position: relative;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
        background: rgb(51, 34, 24);
}
.bristol, .kaadi, .mbc-on-line, .moftah, .mtc, .qatar-gifts, .royal, .smart{
        text-align: center;
}
.bristol img, .kaadi img, .mbc-on-line img, .moftah img, .mtc img, .qatar-gifts img, .royal img, .smart img{
       margin-top: 20px;
}
#clients .case_items .items_content .item .data_content.selected {
        background: #008B8D;
    border-radius: 5px;
}

#clients .case_items .items_content .item .data_content .txt {
    margin-top: 58px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

#clients .case_items .items_content .item .data_content .date {
    text-align: center;
    font-weight: 300;
}

#clients .case_items .items_content .item .item_title {
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
}

#clients .case_items .items_content .item .item_date {
    font-size: 16px;
    font-weight: 300;
    margin-left: 5px;
}

#clients .case_items .items_content .item .item_txt {
    margin: 0 0 0 0;
    max-height: 160px;
    overflow: hidden;
    font-size: 13px;
}

#clients .case_items .items_content .view_more_btn {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    background: #41e49c;
    border-radius: 4px;
    padding: 11px 0;
    text-align: center;
    width: 200px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    background: url("../images/button_bg.png") no-repeat;
    margin: 0 auto;
    color: #ffffff !important;
    text-decoration: none !important;
}

#clients .case_items .item .content {
    margin-top: 75px;
    display: inline-block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#clients .case_items .item .content .case_img {
    background: url("../images/case-study/file_unselected.png") no-repeat;
    width: 115px;
    height: 145px;
    cursor: pointer;
}

#clients .case_items .item .content:hover .case_img {
    background: url("../images/case-study/file_selected.png") no-repeat;
}

#clients .case_items .item .content:hover {
    margin: 0;
}

/*  PORTFOLIO  */
#portfolio {
    background: url("../images/backgrounds/master_pieces.jpg") no-repeat fixed;
}

#portfolio .overlay {
    background: url("../images/backgrounds/portfolio_bg.png");
    z-index: 1;
}

#portfolio .close_btn {
    top: 0;
    position: absolute;
    right: 0;
    cursor: pointer;
    display: none;
}

#portfolio .close_btn img {
    width: 15px;
}

#portfolio .section_title {
    margin-top: 230px;
    text-align: center;
}

#portfolio .section_text {
    text-align: center;
    color: #000000;
}

#portfolio .scroll_img_content {
    text-align: center;
    margin-top: 55px;
}

#portfolio .scroll_img_content img {
    cursor: pointer;
}

#portfolio .items_content.selected {
    bottom: 38%;
    opacity: 1;
    padding-top: 40px;
}

#portfolio .items_content.selected .close_btn {
    display: block;
}

#portfolio .items_content {
    overflow: hidden;
    position: absolute;
    bottom: -150px;
    z-index: 1;
    width: 800px;
    opacity: .6;
    margin: 0 auto;
    right: 0;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#portfolio .items_content .item {
    float: left;
    width: 25%;
    height: 250px;
    background-size: cover !important;
}

#portfolio .items_content .item a {
    width: 100%;
    height: 250px;
    display: block;
}

#portfolio .items_content .first {
    background: url("../images/backgrounds/case_study.jpg") no-repeat center;
}

#portfolio .items_content .second {
    background: url("../images/backgrounds/for_who.jpg") no-repeat center;
}

#portfolio .items_content .third {
    background: url("../images/backgrounds/homeland_01.jpg") no-repeat center;
}

#portfolio .items_content .fourth {
    background: url("../images/backgrounds/keep_in_touch.jpg") no-repeat center;
}

/* PROUD TO KNOW */
#products {
    background: url("../images/backgrounds/Products.jpg") no-repeat;
}

#products .section_content {
    margin-top: 150px;
}

#products .section_title {
    /*margin: 130px 0 0 0;*/
    margin: 0;
    text-align: center;
}

#products .section_text {
    text-align: center;
    color: #000000;
}

#products .quote_txt {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 5px;
    margin-top: -5px;
    text-align: center;
}

#products .quote_name {
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-top: -10px;
}

#products .clients {
    position: relative;
    margin: 30px auto 0 auto;
    width: 610px;
    height: 60px;
}

#products .wrapper {
    width: 570px;
    overflow: hidden;
    margin: 0 auto;
}

#products .clients .right_arrow {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
}

#products .clients .left_arrow {
    position: absolute;
    top: 10px;
    left: 0;
    cursor: pointer;
}

#products .clients .clients_slider {
    overflow: hidden;
    width: 2095px;
    -webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -ms-transition: margin .5s;
    -o-transition: margin .5s;
    transition: margin .5s;
}

#products .clients .clients_item_content {
    float: left;
    overflow: hidden;
    margin: 0 22px;
}

#products .clients .clients_tab {
    text-align: center;
    margin: 10px auto 0 auto;
    width: 125px;
    height: 30px;
    padding-top: 7px;
    font-size: 11px;
    cursor: pointer;
    background: url("../images/clients/unselected_tab_bg.png") no-repeat center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#products .clients .clients_tab.selected {
    background: url("../images/clients/selected_tab_bg.png") no-repeat center;
    width: 190px;
    height: 60px;
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
    padding-top: 12px;
}

#products .slick-prev {
    background: url("../images/clients/arrow_L.png") no-repeat;
    width: 30px;
    height: 30px;
    top: 30%;
}

#products .slick-prev:before {
    content: '';
}

#products .slick-next {
    background: url("../images/clients/arrow_R.png") no-repeat;
    width: 30px;
    height: 30px;
    top: 30%;
}

#products .slick-next:before {
    content: '';
}

#products .brands {
    margin-top: 30px;
}

#products .brands .brands_content {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 745px;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all 1.5s;
}

#products .brands .brands_content.selected {
    opacity: 1;
    visibility: visible;
}

#products .brands .brands_content.first_show {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

#products .brands .brands_item {
    width: 85px;
    height: 90px;
    display: inline-block;
    background-size: cover !important;
    margin: 5px 12px;
}

.brands_item:hover {
    background-position: top -91px left !important;
}

#products .brands .automotive .brands_item.one {
    background: url("../images/clients/Brands/Automotive/BMW.png") #ffffff;
}

#products .brands .automotive .brands_item.two {
    background: url("../images/clients/Brands/Automotive/Fiat.png") #ffffff;
}

#products .brands .automotive .brands_item.three {
    background: url("../images/clients/Brands/Automotive/Ford.png") #ffffff;
}

#products .brands .automotive .brands_item.four {
    background: url("../images/clients/Brands/Automotive/Honda.png") #ffffff;
}

#products .brands .automotive .brands_item.five {
    background: url("../images/clients/Brands/Automotive/Infiniti.png") #ffffff;
}

#products .brands .automotive .brands_item.six {
    background: url("../images/clients/Brands/Automotive/Jaguar.png") #ffffff;
}

#products .brands .automotive .brands_item.seven {
    background: url("../images/clients/Brands/Automotive/Jeep.png") #ffffff;
}

#products .brands .automotive .brands_item.eight {
    background: url("../images/clients/Brands/Automotive/LandRover.png") #ffffff;
}

#products .brands .automotive .brands_item.nine {
    background: url("../images/clients/Brands/Automotive/Mazda.png") #ffffff;
}

#products .brands .automotive .brands_item.ten {
    background: url("../images/clients/Brands/Automotive/Seat.png") #ffffff;
}

#products .brands .automotive .brands_item.eleven {
    background: url("../images/clients/Brands/Automotive/Nissan.png") #ffffff;
}

#products .brands .automotive .brands_item.twelve {
    background: url("../images/clients/Brands/Automotive/Toyota.png") #ffffff;
}

#products .brands .Beauty .brands_item.one {
    background: url("../images/clients/Brands/Beauty/clarins.png") #ffffff;
}

#products .brands .Beauty .brands_item.two {
    background: url("../images/clients/Brands/Beauty/david_lloyd.png") #ffffff;
}

#products .brands .Beauty .brands_item.three {
    background: url("../images/clients/Brands/Beauty/fitness_first.png") #ffffff;
}

#products .brands .Beauty .brands_item.four {
    background: url("../images/clients/Brands/Beauty/nuffied_health.png") #ffffff;
}

#products .brands .Beauty .brands_item.five {
    background: url("../images/clients/Brands/Beauty/optimax.png") #ffffff;
}

#products .brands .Business .brands_item.one {
    background: url("../images/clients/Brands/Business/xln.png") #ffffff;
}

#products .brands .Business .brands_item.two {
    background: url("../images/clients/Brands/Business/citroen.png") #ffffff;
}

#products .brands .Business .brands_item.three {
    background: url("../images/clients/Brands/Business/dell.png") #ffffff;
}

#products .brands .Business .brands_item.four {
    background: url("../images/clients/Brands/Business/IBM.png") #ffffff;
}

#products .brands .Business .brands_item.five {
    background: url("../images/clients/Brands/Business/world_pay.png") #ffffff;
}

#products .brands .Charity .brands_item.one {
    background: url("../images/clients/Brands/Charity/macmillan.png") #ffffff;
}

#products .brands .Charity .brands_item.two {
    background: url("../images/clients/Brands/Charity/MarieCurie.png") #ffffff;
}

#products .brands .Charity .brands_item.three {
    background: url("../images/clients/Brands/Charity/NSPCC.png") #ffffff;
}

#products .brands .Charity .brands_item.four {
    background: url("../images/clients/Brands/Charity/RSPCA.png") #ffffff;
}

#products .brands .Daily_Deals .brands_item.one {
    background: url("../images/clients/Brands/Daily_Deals/crazy_deals.png") #ffffff;
}

#products .brands .Daily_Deals .brands_item.two {
    background: url("../images/clients/Brands/Daily_Deals/go_groopie.png") #ffffff;
}

#products .brands .Daily_Deals .brands_item.three {
    background: url("../images/clients/Brands/Daily_Deals/groupon.png") #ffffff;
}

#products .brands .Daily_Deals .brands_item.four {
    background: url("../images/clients/Brands/Daily_Deals/wowcher.png") #ffffff;
}

#products .brands .Energy .brands_item.one {
    background: url("../images/clients/Brands/Energy/british_gas.png") #ffffff;
}

#products .brands .Energy .brands_item.two {
    background: url("../images/clients/Brands/Energy/e_on.png") #ffffff;
}

#products .brands .Energy .brands_item.three {
    background: url("../images/clients/Brands/Energy/n_power.png") #ffffff;
}

#products .brands .Energy .brands_item.four {
    background: url("../images/clients/Brands/Energy/scottish_power.png") #ffffff;
}

#products .brands .Energy .brands_item.five {
    background: url("../images/clients/Brands/Energy/edf.png") #ffffff;
}

#products .brands .Home_Improvements .brands_item.one {
    background: url("../images/clients/Brands/Home_Improvements/anglian.png") #ffffff;
}

#products .brands .Home_Improvements .brands_item.two {
    background: url("../images/clients/Brands/Home_Improvements/B&Q.png") #ffffff;
}

#products .brands .Home_Improvements .brands_item.three {
    background: url("../images/clients/Brands/Home_Improvements/premier.png") #ffffff;
}

#products .brands .Home_Improvements .brands_item.four {
    background: url("../images/clients/Brands/Home_Improvements/tesco_kitchens.png") #ffffff;
}

#products .brands .Magazine .brands_item.one {
    background: url("../images/clients/Brands/Magazine/audible.png") #ffffff;
}

#products .brands .Magazine .brands_item.two {
    background: url("../images/clients/Brands/Magazine/men_fitness.png") #ffffff;
}

#products .brands .Magazine .brands_item.three {
    background: url("../images/clients/Brands/Magazine/the_economist.png") #ffffff;
}

#products .brands .Magazine .brands_item.four {
    background: url("../images/clients/Brands/Magazine/time.png") #ffffff;
}

#products .brands .Magazine .brands_item.five {
    background: url("../images/clients/Brands/Magazine/octane.png") #ffffff;
}

#products .brands .Magazine .brands_item.six {
    background: url("../images/clients/Brands/Magazine/cyclist.png") #ffffff;
}

#products .brands .Telecoms .brands_item.one {
    background: url("../images/clients/Brands/Telecoms/O2.png") #ffffff;
}

#products .brands .Telecoms .brands_item.two {
    background: url("../images/clients/Brands/Telecoms/orange.png") #ffffff;
}

#products .brands .Telecoms .brands_item.three {
    background: url("../images/clients/Brands/Telecoms/sainsburys.png") #ffffff;
}

#products .brands .Telecoms .brands_item.four {
    background: url("../images/clients/Brands/Telecoms/t_mobile.png") #ffffff;
}

#products .brands .Telecoms .brands_item.five {
    background: url("../images/clients/Brands/Telecoms/tesco.png") #ffffff;
}

#products .brands .Telecoms .brands_item.six {
    background: url("../images/clients/Brands/Telecoms/three_mobile.png") #ffffff;
    margin-right: 0;
}

#products .brands .Telecoms .brands_item.seven {
    background: url("../images/clients/Brands/Telecoms/vodafone.png") #ffffff;
}

#products .brands .Travel .brands_item.one {
    background: url("../images/clients/Brands/Travel/canadian_tourism_authority.png") #ffffff;
}

#products .brands .Travel .brands_item.two {
    background: url("../images/clients/Brands/Travel/voyage_prive.png") #ffffff;
}

#products .brands .Travel .brands_item.three {
    background: url("../images/clients/Brands/Travel/hotels.com.png") #ffffff;
}

#products .brands .Travel .brands_item.four {
    background: url("../images/clients/Brands/Travel/secret_escapes.png") #ffffff;
}

#products .brands .Work_from_Home .brands_item.one {
    background: url("../images/clients/Brands/Work_from_Home/avon.png") #ffffff;
}

#products .brands .Work_from_Home .brands_item.two {
    background: url("../images/clients/Brands/Work_from_Home/liverpool_university.png") #ffffff;
}

#products .brands .Agencies .brands_item.one {
    background: url("../images/clients/Brands/Agencies/DMLS.png") #ffffff;
}

#products .brands .Agencies .brands_item.two {
    background: url("../images/clients/Brands/Agencies/monetise.png") #ffffff;
}

#products .brands .Agencies .brands_item.three {
    background: url("../images/clients/Brands/Agencies/omincomm.png") #ffffff;
}

#products .brands .Agencies .brands_item.four {
    background: url("../images/clients/Brands/Agencies/TBG.png") #ffffff;
}

/*  ABOUT US  */
#testimonials {
    background: url("../images/backgrounds/Testimonials.jpg") no-repeat fixed;
    z-index: 2;
}

#testimonials .section_title {
    margin-top: 0;
    text-align: center;
}

#testimonials .section_title .first_part {
    font-size: 50px;
}

#testimonials .section_title .second_part {
    font-size: 50px;
}

#testimonials .section_text .quote_txt {
    font-size: 16px;
}

#testimonials .section_text {
    color: #ffffff;
    font-size: 19px;
    margin-top: -5px;
}

#testimonials .paragraph_section {
    position: relative;
    overflow: hidden;
    max-width: 680px;
    /* height: 150px; */
    margin: 15px auto 0 auto;
    text-align: left;
    color: rgb(208, 208, 208);
    font-weight: 300;
    font-size: 13px;
}

#testimonials .paragraph_section .left_content {
    float: left;
    width: 330px;
    margin-right: 20px;
}

#testimonials .paragraph_section .right_content {
    float: left;
    width: 330px;
}

.jspDrag {
    border-radius: 20px;
    width: 8px;
    background-color: white;
}

.jspTrack, .jspVerticalBar {
    background: rgba(197, 197, 197, .2);
    width: 8px;
    border-radius: 4px;
}

#testimonials .jspDrag {
    border-radius: 20px;
    width: 8px;
    background-color: white;
}

#testimonials .jspTrack, .jspVerticalBar {
    background: rgba(197, 197, 197, .2);
    width: 8px;
    border-radius: 4px;
}

/*  ABOUT US  */
#contact_us {
    background: url("../images/backgrounds/keep_in_touch.jpg") no-repeat fixed;
}

#contact_us .section_content {
    position: relative;
}

#contact_us .section_title {
    /*margin-top: 130px;*/
    margin-top: 0;
    font-size: 45px;
}

#contact_us .section_text {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 25px;
    margin-bottom: 25px;
    width: 350px;
}

#contact_us form {
    overflow: hidden;
}

#contact_us .question_form_content {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 350px;
    border-radius: 4px;
    top: 20px;
    right: 160px;
    height: 420px;
    padding-top: 15px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

#contact_us .question_form_content.clicked {
    opacity: 1;
    visibility: visible;
    right: 140px;
}

#contact_us .question_form_content .lbl {
display: block;
    background: rgba(0, 0, 0, .2);
    border: 1px solid #FAEAA6;
    border-radius: 30px;
    padding: 5px 15px;
    margin: 0 0 5px 0;
    outline: none;
    width: 350px;
    height: 37px;
    font-size: 20px;
}

#contact_us .question_form_content .msg {
    display: block;
    background: rgba(0, 0, 0, .2);
    border: 1px solid #FAEAA6;
    border-radius: 20px;
    padding: 5px 15px;
    outline: none;
    width: 350px;
    height: 200px;
    font-size: 20px;
}

#contact_us .question_form_content .msg_btn {
    border-radius: 63px;
    padding: 5px 0;
    width: 200px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    background: #FAEAA6;
    border: none;
    margin-top: 8px;
}

#contact_us .address_map_content .address_map_content_close, #contact_us .question_form_content_close {
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
}

#contact_us .address_map_content {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    top: 20px;
    right: 50px;
    height: 420px;
    width: 550px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

#contact_us .address_map_content .address_map_content_close img {
    width: 15px;
}

#contact_us .address_map_content .iframe_content {
    background: rgba(116, 116, 116, 0.50);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    height: 400px;
}

#contact_us .address_map_content.clicked {
    opacity: 1;
    visibility: visible;
    right: 25px;
}

#contact_us .form_inputs {
    overflow: hidden;
    width: 350px;
    font-weight: 300;
    margin: 0 0 25px 0;
    font-size: 20px;
}

#contact_us .form_inputs .data {
    width: 350px;
    min-height: 35px;
    padding-left: 50px;
    margin-bottom: 20px;
    padding-top: 3px;
}

#contact_us .form_inputs .address {
    background: url("../images/contacts_icons/address.png") no-repeat left;
    position: relative;
    padding-right: 40px;
}

#contact_us .form_inputs .address .address_map {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
}

#contact_us .form_inputs .mobile {
    background: url("../images/contacts_icons/phone.png") no-repeat left;
}

#contact_us .form_inputs .mail {
    background: url("../images/contacts_icons/email.png") no-repeat left;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 25px;
    margin: 0;
    background-position: left top;
}

#contact_us .msg_btn {
    border-radius: 47px;
    padding: 11px 0;
    text-align: center;
    width: 200px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    background: #FAEAA6;
    color: #0093B5;
}

/* TECHNOLOGY */
#technology {
    background: url("../images/backgrounds/technologies.jpg") no-repeat fixed;
    position: relative;
}

#technology .section_title {
    text-align: center;
    margin-top: 130px;
}

#technology .section_text {
    color: #ffffff;
    text-align: center;
    width: 780px;
    margin: -5px auto 0 auto;
    font-size: 17px;
}

#technology .quote_name {
    margin-bottom: 15px;
}

#technology .portfolio {
    position: absolute;
    bottom: 84px;
    width: 1000px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#technology .portfolio .portfolio_item {
    position: absolute;
    width: 140px;
    z-index: 5;
    cursor: pointer;
}

#technology .portfolio .portfolio_item.one {
    left: 0;
}

#technology .portfolio .portfolio_item.two {
    left: 140px;
}

#technology .portfolio .portfolio_item.three {
    left: 280px;
}

#technology .portfolio .portfolio_item.four {
    left: 420px;
}

#technology .portfolio .portfolio_item.five {
    left: 560px;
}

#technology .portfolio .portfolio_item.six {
    left: 700px;
}

#technology .portfolio .portfolio_item.seven {
    left: 840px;
}

#technology .portfolio .portfolio_item.selected {
    width: 240px;
    z-index: 6;
    top: -58px;
    margin-left: -50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
}

#technology .portfolio .portfolio_item .portfolio_img {
    width: 100%;
}

#technology .portfolio_viewer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
}

.portfolio_viewer_close_icon {
    top: 20px;
    right: 20px;
    position: absolute;
    cursor: pointer;
}

.f-w-model {
    margin: 0 !important;
    position: relative;
}

video {
    position: fixed;
    z-index: -100;
    background-size: cover;
    top: -130px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: calc(100%);
}

.inst_vd {
      position: fixed;
    z-index: -100;
    background-size: cover;
    background-color: #000;
    top: 0;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: calc(100%);
    padding: 5% 10%;
    font-size: 18px;
    text-align: justify;
}
.inst_vd p {
        margin-bottom: 15px;
}

#technology .portfolio .portfolio_item .project_title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -40px;
    font-weight: 700;
    color: #354b5f;
    display: none;
}

.modal-content {
    background: #1B1B1B;
}

#technology .portfolio .portfolio_item.selected .project_title {
    display: block;
}

.modal {
    overflow: hidden;
}

/*
.modal-dialog{
    margin: 100px auto 0 auto;
    width: 600px !important;
}*/

/* PRESS */
#press {
    background: url("../images/backgrounds/press.jpg") no-repeat fixed;
}

#press .section_title {
    margin-top: 130px;
    text-align: center;
}

#press .quote_txt {
    font-size: 18px;
    font-weight: 400;
    color: rgb(107, 107, 107);
    margin-bottom: 5px;
    margin-top: -15px;
    text-align: center;
}

#press .quote_name {
    font-weight: 300;
    font-size: 16px;
    color: rgb(107, 107, 107);
    text-align: center;
    margin-top: -10px;
}

#press .section_text {
    text-align: center;
    color: #ffffff;
}

#press .info {
    text-align: center;
    font-weight: 300;
    font-size: 12px;
}

#press .info span {
    display: inline-block;
    color: white;
    background-size: 15px !important;
}

#press .info .mail {
    background: url("../images/press/email_small.png") no-repeat left;
    padding-left: 20px;
    margin-right: 8px;
}

#press .info .mail a {
    color: #ffffff !important;
    text-decoration: none;
}

#press .info .mobile {
    background: url("../images/press/phone_small.png") no-repeat left;
    padding-left: 17px;
}

#press .press_content {
    color: #ffffff;
    margin: 25px auto 0 auto;
    overflow: hidden;
    width: 800px;
}

#press .left_section {
    float: left;
    height: 290px;
    overflow: hidden;
    width: 70%;
    min-width: 560px;
}

#press .left_section .articles_content {
    margin-bottom: 35px;
    padding-right: 40px;
    position: relative;
}

#press .left_section .title {
    font-weight: 700;
}

#press .left_section .time {
    font-weight: 700;
    margin: 5px 0;
}

#press .left_section .more_btn {
    text-align: right;
    margin-top: 10px;
}

#press .left_section .more_btn img {
    width: 55px;
}

#press .right_section {
    float: left;
    width: 30%;
    padding-left: 100px;
    text-align: center;
}

#press .right_section .title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}

#press .right_section .social_icon {
        display: inline-block;
    margin: 10px;
}

#press .right_section .social_icon img {
    
}

#press .jspDrag {
    border-radius: 20px;
    width: 8px;
    background: rgb(197, 197, 197);
}

#press .jspTrack, .jspVerticalBar {
    background: rgba(197, 197, 197, .2);
    width: 8px;
    border-radius: 4px;
}

#services_extended .more_icons {
    overflow: hidden;
    position: absolute;
    text-align: center;
    bottom: 30px;
    width: 100%;
}

#services_extended .more_icons .more_icons_item {
    display: inline-block;
    width: 130px;
}

#services_extended .more_icons .more_icons_item .icon_img_content {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    cursor: pointer;
    background-size: cover;
    margin-bottom: 5px;
}

#services_extended .more_icons .more_icons_item:hover .icon_img_content {
    background-position: 0 -73px;
}

#services_extended .more_icons .more_icons_item .email {
    background-image: url("../images/services/Email_Marketing_small.png");
    background-repeat: no-repeat;
}

#services_extended .more_icons .more_icons_item .sms {
    background-image: url("../images/services/SMS_is_back_small.png");
    background-repeat: no-repeat;
}

#services_extended .more_icons .more_icons_item .transfer {
    background-image: url("../images/services/Hot_Transfer_small.png");
    background-repeat: no-repeat;
}

.more_icons_links {
    position: absolute;
    right: 0;
    left: 0;
    height: 100%;
    z-index: 500;
    display: none;
}

.more_icons_links .more_icons_links_close_btn {
    top: 20px;
    right: 20px;
    position: absolute;
    cursor: pointer;
}

.more_icons_links .top_section {
    width: 100%;
    height: 60%;
    background-size: cover;
    text-align: center;
    padding-top: 160px;
}

#sms.more_icons_links .top_section {
    background: url("../images/services/SMS_is_back_BG.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 60%;
}

#transfer.more_icons_links .top_section {
    background: url("../images/services/Hot_Transfer_BG.jpg") no-repeat right;
    background-size: cover;
    width: 100%;
    height: 60%;
}

#email.more_icons_links .top_section {
    background: url("../images/services/Email_Marketing_BG.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    height: 60%;
}

.more_icons_links .bottom_section {
    height: 40%;
    padding: 60px 250px;
    text-align: center;
}

.more_icons_links .bottom_section .title {
    font-weight: 600;
    font-size: 33px;
}

#sms.more_icons_links .bottom_section {
    background-color: #8957b7;
}

#transfer.more_icons_links .bottom_section {
    background-color: #ff4d55;
    padding: 50px 200px !important;
}

#email.more_icons_links .bottom_section {
    background-color: #1a85e9;
}
.img2{
    position: absolute;
    bottom: 50px;
    left: 10px;
    width: 30%;
}
.video_icon_content{
    
}
.for_who .section_title {
 
}

.for_who .section_title .for_who_mu li{
       display: inline-block;
    text-align: center;
    margin: 0 10px;
}

.for_who .section_title .for_who_mu li b{
   display: block;
    font-size: 14px;
}
#services .items_container {
background: url('../images/slid1/mu_bg2.png') no-repeat center top;
    width: 100%;
    border-radius: 15px 15px 0 0;
}
.for_who .items_container_ul2{
    padding: 20px;
}
.for_who .items_container_ul2 li a{
    display: block;
    background: #3b97bc;
    padding: 5px 8px;
    margin-bottom: 2px;
    color: #cce1ea;
}
.ser button{
    display: block;
    background: #3b97bc;
    padding: 5px 8px;
    margin-bottom: 2px;
    width: 100%;
    color: #cce1ea;
    border: none;
}
.ser button:hover{
    background: #FAEAA6;
    color: #008689;
}
.ser .collapse {
    padding: 5px 15px;
    text-align: justify;
}
.left_section .title{
    font-size: 16px;
    font-style: italic;
    margin-bottom: 17px; 
}
.pressline{
width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 48%;
    display: none;
}
.htmfrmcon p{
    text-align: center;
    color: #000;
    padding: 30px;
    margin: 20px;
}
.bk{
    border-radius: 47px;
    padding: 11px;
    text-align: center;
    width: 233px;
    height: 50px;
    font-size: 20px;
    cursor: pointer;
    background: #FAEAA6;
    color: #0093B5;
    margin: 0 auto;
    display: block;
}
#press .left_section {
    float: none;
    height: 290px;
    overflow: hidden;
    width: 100%;
    min-width: 560px;
    text-align: center;
}
#press .right_section {
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 30px;
}
#press .right_section .social_icon img {
    width: 50px;
}