/*Theme Name: Concept Open Source 2024
Theme URI: https://conceptopensource/themes/conceptopensource/
Author: the Concept Open Source team
Author URI: https://conceptopensource.com/
Description: This is custom theme for custom open source site.
Version: 1.2
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blogText
Domain: conceptopensource

*/

/****************** start subpage critical css ***********************/

html {
    scroll-behavior: smooth;
}

@media (min-width: 1200px){
    .container {
        width: 1210px !important;
    }
}

.container {
    max-width: 100%;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row 
{
    display: flex;
}

a img {
    border: 0;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
img {
    margin: auto;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.fixed{
    min-height:55px;
    position: fixed!important;
    background: #fff!important;
    transition: all .5s linear!important;
    color: rgba(61,61,61,0.80)!important;
    box-shadow: 0px 0px 5px 0px #000 !important;
}
.home .header_container.header_icon {
    /*box-shadow:none;*/
    box-shadow: -2px 4px 16px #888888;
    z-index: 99;
}
ul.menu {
    display: inline-block;
    margin: -1px;
}
.container.header-container {
    padding-left: 0;
}
.container.header-container {
    margin-bottom: -6px;
}

.fixed_logo_div{display: none;}

.menu-header-menu-container {
    text-align: center;
}

ul.menu li a {
    color: #000;
    display: inline-block;
    font-size: 14px;
    padding: 15px;
    text-decoration: none;
    width: 100%;
}
ul.menu li a:hover {
    text-decoration: none;
    color: #44c8e8 !important;
}
ul.menu > li > a {
    z-index: 2;
}

ul.menu li a {
    font-size: 16px;
    text-decoration: none;
    padding: 15.4px;
    display: inline-block;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    width: 100%;

}

.fixed ul.menu > li > a {
    color: #000;
}

.fixed ul.menu > li > a:hover {
    color: #000;
}
.menu-header-menu-container ul li:hover:after {
    width: 90%;
}

li#menu-item-3097:hover {
    background: #000;
    animation:slidebg 2s linear infinite;
}
li#menu-item-3097 {
    margin-top: 7px;
}
.contactquote a{
    color: #fff !important;
}
.contactquote{
    border-radius: 30px;
    background: #44c8e8;
    color:#fff !important;
}
li#menu-item-3097 > a {
    padding: 8px 40px;
    line-height: 20px;
    font-weight: bold;
}
div#header-menu {
    /* height: 55px; */
    /*position: inherit;*/
    left: 0;
    z-index: 1;
    /*position: absolute;*/
    z-index: 9997;
    opacity: 1.455556;
    left: 0;
    right: 0;
}
.header_container.header_icon {
    position: fixed;
    background: transparent;
    top: 0;
    z-index: 99999999;
}
.header_container {
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    min-height: 55px;
}

/*about-gelley-section*/

/*.main-lightgallery-sec .right-image-sec img {
    width: 330px;
    height: 250px;
    padding: 5px;
    cursor: pointer;
}
.main-lightgallery-sec .d-flex 
{
    display: flex;
    justify-content: center;
}

.main-lightgallery-sec .left-image-sec img {
    height: 500px;
    object-fit: cover;
    padding: 5px;
    cursor: pointer;            
}

.main-lightgallery-sec .col-md-6 {
    padding: 0;
}
.main-lightgallery-sec {
    display: flex;
    justify-content: center;
}
.main-lightgallery-sec .w-50 {
    width: 50%;
}
.main-lightgallery-sec .w-50 img {
    width: 100%;
}
.main-lightgallery-sec {
    margin: 0px 20px 0px 20px;
}*/

.main-about-gellery-section .about-gellery-section {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 10px 10px;
}
.image-1 {
    grid-row-start: 1;
    grid-row-end: 3;
}
.main-about-gellery-section {
    margin: 20px 0;
}
.image-1 img {
    height: 600px;
    object-fit: cover;
}

.image-2 img, .image-3 img, .image-4 img, .image-5 img {
    height: 295px;
    width: 302px;
    object-fit: cover;
}
/*.main-about-gellery-section .about-gellery-section .image-1 {
    grid-row-start: 1;
    grid-row-end: 3;
}
.main-about-gellery-section .about-gellery-section .image-1 img {
    height: 525px;
    width: 100%;
    border-radius: 15px 0px 0px 15px;
    object-fit: cover;
}*/




/*.main-about-gellery-section .about-gellery-section .image-1 img {
    height: 100%;
    object-fit: cover;
}*/


/*********** Social Icon Css *************/
.social_area{
    position:fixed;
    top:30%;
    left: 0;
}

.site-content ul {
    list-style: none;
    font-size: 14px;
    text-decoration: none;
    font-style: none;
    font-weight: 200;
    text-align: left;
}
.site-content ul {
    list-style: none;
}
.social_icon li{
    position: relative;
    height:50px;
    width:50px;
    line-height: 50px;
    padding:5px;
    text-align: center;
    left:-100%;
    transition: all .2s ease-in-out;
    top:0;
    bottom: 0;
    margin-bottom: 5px;
    /* background-color:#fff;*/
    background-color: rgba(27, 47, 63, 1);
    left:0;
    transition: all .2s ease-in-out;
    /* z-index: -1;*/
}
.social_icon li a{
    height:50px;
    width:50px;
}


.social_right_arrow{
    position: relative;
    left:-100%;
    transition: all  .2s ease-in-out;
}
.social_right_arrow.open{
    left:0;
    transition: all  .2s ease-in-out;
}
.social_left_arrow{
    position: relative;
    left:0;
    transition: all .2s ease-in-out;
}
.social_left_arrow.open{
    left:-100%;
    transition: all  .2s ease-in-out;
}

.social_icon li.open{
    left:0;
    transition: all .2s ease-in-out;
}
.social_left_arrow .fa,.social_right_arrow .fa{
    color:#4E9FDE;
}
.social_left_arrow,.social_right_arrow{
    background: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
}

.nav_menu_header .button-4 a:active {
    color: #fff !important;
}

.social_icon li .fa{
    font-size: 30px;
    transition: all .1s ease-in-out;
}
.social_icon li .fa:hover{
    font-size: 40px;
}
.social_icon li:before{
    content: none!important;
}
.social_icon li.s_skp .fa,
.social_icon li.s_mail .fa,
.social_icon li.s_mail .fa,
.social_icon li.s_phone .fa,
.social_icon li.s_wht_ap .fa {
    color: #fff;
}
.social_icon li.s_skp .fa:hover {
    color: rgba(71,201,229,0.95);
}
.social_icon li.s_mail .fa:hover {
    color: #dd5347;
}
.social_icon li.s_wht_ap .fa:hover {
    color: #2ecc71;
}
.social_icon li.s_phone .fa:hover {
    color: #77D90c;
}


div#wmn-fx {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index:99999;
}

.wmn-wrap .wmn-widget {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 10px -3px;
    border-radius: 90px;
    cursor: pointer;
    z-index: 15;
    position: relative;
    width: 62px;
    height: 62px;
    box-sizing: border-box;
}

.wmn-wrap .wmn-widget span.notification {
    position: absolute;
    right: 0;
    top: -5px;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 10px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: block;
}

/*************************************HEADER NEW CSS START*************************************/
.menu-header-menu-container div ul li {
    float: left;
    list-style: none;
    cursor: pointer;
    position: relative;
}
.menu-header-menu-container div ul li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}
.menu-header-menu-container ul{
    /*display: inline-block;*/
    margin: -1px;
    width:100%;
    display: flex;
    justify-content: center;

}

.menu-header-menu-container div ul li ul.sub-menu {
    position: absolute;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 10px;
    background-color: #fff;
    width: 260px;
    top: 45px;
}
.menu-header-menu-container div ul li ul.sub-menu li{

    text-align: left;    
    float: none;
 }
.menu-header-menu-container div ul li ul.sub-menu li a{
    color: #333 !important;
    font-size: 13px;
 }

.menu-header-menu-container ul li a {
    font-size: 16px;
    text-decoration: none;
    padding: 12px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    font-weight: bold;
    color: #333;
}
.current-menu-item > a{
    color: #44c8e8 !important;
}
.fixed_sub .menu-header-menu-container ul li a{
    color: #000 !important;
}
.menu-header-menu-container  ul  li.current-menu-parent:after,.menu-header-menu-container  ul  li.current-menu-item:after {
    width: 80%;
}
.menu-header-menu-container  ul  li:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -10px;
    position: relative;
    width: 0px;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}
/*************************************HEADER NEW CSS END*************************************/
/**************************************header css important*************************************************/
.nav_menu_header{
    background-color: #fff;
    position: fixed;
    width: 100%;
    min-height: 55px;
    top: 0px;
    box-shadow: 0 9px 30px -11px #000;
    padding: 8px 0;
}
.menu-header-menu-container{
    position: unset;
}
.open:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    font-weight: 400;
    position: absolute;
    transition: 0.4s;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    top: 15px;
    right:35px;
}
.header-menu.open {
    z-index: 99999999999999;
}
.main_navigation_right.active{
    right: 0;
}
.header-menu:before {
    font-family: 'FontAwesome';
    content: '\f0c9';
    font-weight: 400;
    position: fixed;
    right: 35px;
    top: 30px;
    transition: 0.4s;
    font-size: 25px;
    z-index: 999999999;
    cursor: pointer;
}
.header-menu-sub{
    display: block;
    /*position: fixed;*/
    right: 20px;
    top: -7px;
}

.main_navigation_right {
    position: fixed;
    right: -350px;
    background: #000;
    margin: 0;
    width: 340px;
    overflow-y:auto;
    z-index: 999999999;
    top: 0;
    padding-top: 40px;
    opacity: 0.9;
    height: 100vh;
    transition: right 0.4s;
}
ul#menu-main-menu li {
    padding: 1px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    line-height: normal;
    position: relative;
}
.menu-item-has-children .menu-item-has-children > ul.sub-menu{
    display: none;
}
.menu-main-menu-container a {
    font-weight: 600;
    color: #fff !important;
}
.menu-main-menu-container .sub-menu a{
    font-weight:normal;
}
.menu-main-menu-container a:hover {
    color: #44c8e8;
    font-weight: 600;
}
.get_free_estimation_btn {
    background-color: #47c9e5;
    border-radius: 30px;
    padding: 5%;
    font-size: 15px !important;
    margin-top: 4px;
    width: 100%;
    text-transform: capitalize;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0,0,0,0.24);
}
.cc-compliance.cc-highlight > a:focus{
    font-size: .9em;
}
.button-4{
    letter-spacing: 1.2px;
    font: 800 15px/20px 'Open Sans', sans-serif;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0,0,0,0.24);
    height: 45px;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
   /* background-image: -webkit-radial-gradient(center, circle cover, rgb(68, 200, 232), rgb(47, 39, 39,0.8));*/
    background-color: #fc9803;
    border-radius: 30px;
    padding: 12px;
    font-size: 15px !important;
    margin-top: 7px;
    width: 160px;
    text-transform: uppercase;
}
.button-4 a:focus
{
    font-size: 15px;
}
.button-4 a{
    color: #fff !important;
    text-decoration: none;
   /* transition: all .5s ease;*/
    z-index: 2;
    position: relative;
}
.eff-4{
    width: 290px;
    height: 47px;
    left: -295px;
    border-radius: 30px;
    /* background-image: -webkit-radial-gradient(center, circle cover, rgb(252, 152, 3), rgb(47, 39, 39)); */
    background-color: #000;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    top: 0px;
}
.button-4:hover .eff-4{
    left: -11px;
    top: -1px;
}
.button-4:hover a{
    color:#fff;
}
.child_sub_menu_right li{
    color: #fff;
    font-size: 15px;
}
.menu_main_menu_container_right ul{
    padding-left: 40px;
    margin-bottom: 4px;
}
.sidebar-menu{
    list-style-type: none;
}
ul.sidebar-menu .sub-menu{
    display:block;
}
.sidebar-menu li{
    color: #fff;
    line-height: 30px;
    position: relative;
}
.sidebar-menu li ul.sub-menu{
    overflow: hidden;
    margin: 10px 0 10px;
    list-style-type: disc;
}
ul.sub-menu {
    padding-left: 25px;
    display: none;

}
ul.sub-menu  li{
    float: none;

}
ul.child_sub_menu_right {
    padding-left: 20px;
    margin-left: 0;
}
.open_sub:after{
    transform: rotate(180deg);
    right: 35px !important;
    top: 9px !IMPORTANT;
}
#menu-item-has-children i{
    position: relative;
    right: -3%;
    font-family:'FontAwesome';
    cursor: pointer;
}
i.open_sub{
    position: relative;
    top: 7px;
    right: -3%;
}
.logo_div_responsive{
    display: none;
}
.fixed_sub_menu{
    top: 35% !important;
    right: 6%;
}
.logo_div_sub_page_parent{
    width: 20%;
}
.sub_pages_nav_menu{
    background-color: #fff;
    box-shadow: 0 6px 14px -12px #000;
    width: 100%;
    /* top: -55px; */
    top: 0 !important;
    position: relative;
    z-index: 9999999;
}
.fixed_sub{
    background-color: #fff !important;
}
.sub_pages_nav_menu a{
    color: #0e0e0e;
    font-size: 14px !IMPORTANT;
}
.our_services{
    text-align: center;
    font-size: 20px !important;
}
.our_services:hover{
    background: #edde62;
    box-shadow: 0px 0px 16px -3px;
}
.sub_nav {
    overflow: hidden;
    display: block !important;
    margin: auto !important;
    float: none;
}
.fixed_sub .header-menu i{
    right: 40px;
}
#sub_menu_container{
    position: relative;
}
#sub_menu_container .row{
    display: flex;
    justify-content: center;
}
ul#menu-what-we-do-page-menu{
    width:auto;
}
.header-menu-sub.header-menu > i.open {
    right: 250px;
}
.vertically_text {
    top: 38%;
}
.background_banner_image {
    min-height: 770px;
}


/**************************************END header css important*************************************************/

.breadcrumb_page {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: -10px;
    width: 100%;
}

.hentry {
    position: relative;
}
article .entry-title {
    font-size: 30px;
    text-transform: capitalize;
    margin: 0 0 15px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    padding-bottom: 5px;
}
.entry-header h1, .entry-header .h1 {
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    margin-right: 35px
}
.current-cat{
    background-color:#44c8e8;
    
}
.current-cat a{
    color:#fff !important;
}
a#coopso-skype,a#coopso-whatsapp{
    color: #fff !important;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}
.entry-content p {
    line-height: 22px;
}
body .entry-content h2, body .entry-content h3 {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
.entry-content ul li {
    line-height: 25px;
    font-size: 14px;
}
a:focus{
   color: #333 !important;
}
.entry-content ul:not(#filters) li:before {
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 6px;
    position: absolute;
    cursor: pointer;
}

.entry-content ul:not(#filters) li:before {
    position: static;
}
.right_sidebar.col-sm-4.col-lg-3 {
    background: #fff;
}
.right_sidebar {
    padding-top: 0;
}
.menu-rightsidebar-container ul.menu li.current-menu-item, .menu-rightsidebar-container ul.menu li.current-menu-item a, .menu-rightsidebar-container ul.menu li:hover, .menu-rightsidebar-container ul.menu li:hover a, #page ul.menu > li.current-menu-item, #page ul.menu > li.current-menu-item a, #page ul.menu > li:hover, #page ul.menu > li:hover a, .right_sidebar ul > li:hover, .right_sidebar ul > li:hover a {
    background: #44c8e8 !important;
    color: #FFF !important;
}
.menu-rightsidebar-container ul.menu li, #page ul.menu > li, .right_sidebar ul > li {
    padding-left: 3px !important;
}

.widget_nav_menu ul li:before {
    line-height: 32px;
}

/*Service page css*/

.services-we-offer-main {
    margin: 60px 0px;
}
.services-we-offer-main .heading {
    font-size: 22px !important;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 28px;
}
.services-we-offer-main .services-we-offer {
    display: grid;
    row-gap: 50px;
}
.services-we-offer-main .services-we-offer .description {
    margin-top: 40px;
    font-size: 16px;
}
.services-we-offer-main .service-box {
/*    box-shadow: 0px 3px 5px 0px #333;*/
    box-shadow:  12px 19px 62px 0px rgb(13 52 79 / 7%);
    padding: 50px 20px 50px 50px;
    height: 400px;
    cursor: pointer; 
    border-radius: 20px;
    margin: 0px 10px;   
}
.services-we-offer-main .service-box:hover {
    background-color: #222;
}
.services-we-offer-main .service-box:hover .heading,.services-we-offer-main .service-box:hover .description{
    color: #fff;
}
.services-we-offer-main .service-box:hover img {
    background-color: #fff;
    border-radius: 15px;
}
.services-we-offer-main .service-box img {
    height: 80px;
}
/**/
/****************** end subpage critical css ************************/
.main_page{
    background-color: white;
    position: relative;
    /*margin-bottom: 390px;*/
    overflow:hidden;
    z-index:7;
    margin-top:70px;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 2px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-thumb {
    background: #47c9e5;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4E9FDE;
}

.top-header-fixed{
    color: rgba(61,61,61,0.80)!important;
}
.header_container .header_icon{
    z-index: 9!important;
}


.contact_group {
    margin-top: 15px;
}

.coo_coll1 {
    margin: 0px;
    padding: 0px;
}

a#phone_call2 {
    font-size: 15px;
    display: inline-block;
    line-height: 29px;
    margin-right: 50px;
    position: relative;
    text-align: right;
    text-decoration: none;
    width: 73%;
}

a#phone_call2 {
    font-size: 15px;
    font-weight: bold;
}

a#phone_call2:before {
    font-display: auto;
    font-family: FontAwesome;
    content: "\f10b";
    position: absolute;
    top: 2px;
    font-size: 22px;
    left: 9px;
}
body{
    overflow: hidden;
    background-color: #fff;
}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address,address_2, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-display: auto;
    font-family: "Poppins", sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.nav-links a span {
    color: #000 !important;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover, a:active {
    outline: 0;
    color:#47c9e5;
}



.social-navigation a:before, .secondary-toggle:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .comment-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before, .pagination .prev:before, .pagination .next:before, .image-navigation a:before, .image-navigation a:after, .format-link .entry-title a:after, .entry-content .more-link:after, .entry-summary .more-link:after, .author-link:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-display: auto;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

body, button, input, select, textarea {
    color: #333;
    font-display: auto;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: 700;
}

p {
    margin-bottom: 1.6em;
}

b, strong {
    font-weight: 700;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    border-left: 4px solid #707070;
    border-left: 4px solid rgba(51, 51, 51, 0.7);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 1.6667;
    margin-bottom: 1.6667em;
    padding-left: 0.7778em;
}

blockquote p {
    margin-bottom: 1.6667em;
}

blockquote > p:last-child {
    margin-bottom: 0;
}

blockquote cite, blockquote small {
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Poppins", sans-serif;
    line-height: 1.6;
}

blockquote em, blockquote i, blockquote cite {
    font-style: normal;
}

blockquote strong, blockquote b {
    font-weight: 400;
}

address ,address_2{
    font-style: italic;
    margin: 0 0 1.6em;
}

.share {
    position: relative;
}

code, kbd, tt, var, samp, pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.01);
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    line-height: 1.2;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 0.8em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

abbr[title] {
    border-bottom: 1px dotted #eaeaea;
    border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
    cursor: help;
}

mark, ins {
    background-color: #fff9c0;
    text-decoration: none;
}

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

hr {
    background-color: #eaeaea;
    background-color: rgba(51, 51, 51, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 1.6em;
}

ul, ol {
    margin: 0 0 1.6em 1.3333em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
}

dl {
    margin-bottom: 1.6em;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1.6em;
}

table, th, td {
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed;
    width: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4em;
}


.port_img{
    width: 100%;
    margin-bottom: 0 !important;
}

figure {
    margin: 0;
}

del {
    opacity: 0.8;
}

::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
}

:-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
}

::-moz-placeholder {
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
}

button, input, select, textarea {
    background-color: #f7f7f7;
    border-radius: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

input, textarea {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

input:focus, textarea:focus {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border: 1px solid rgba(51, 51, 51, 0.3);
    color: #333;
}

input:focus, select:focus {
}

button[disabled], input[disabled], select[disabled], textarea[disabled] {
    cursor: default;
    opacity: .5;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    background-color: #333;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 0.7917em 1.5em;
    text-transform: uppercase;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
    outline: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    padding: 0.375em;
    width: 100%;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    outline: 0;
}

.post-password-form {
    position: relative;
}

.post-password-form label {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-transform: uppercase;
}

.post-password-form input[type="submit"] {
    padding: 0.7917em;
    position: absolute;
    right: 0;
    bottom: 0;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
}

.search-form input[type="submit"], .widget .search-form input[type="submit"] {
    padding: 0;
}

body a {
    color: #333;
    text-decoration: none;
}

a:hover, a:focus {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.main-navigation a {
    display: block;
    padding: 0.8em 0;
    position: relative;
    text-decoration: none;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
}

.main-navigation ul ul {
    display: none;
    margin-left: 0.8em;
}

.main-navigation ul .toggled-on {
    display: block;
}

.main-navigation li {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    position: relative;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    font-weight: 700;
}

.main-navigation .nav-menu > ul > li:first-child, .main-navigation .nav-menu > li:first-child {
    border-top: 0;
}

.main-navigation .menu-item-has-children > a {
    padding-right: 48px;
}

.main-navigation .menu-item-description {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.5em;
}

.no-js .main-navigation ul ul {
    display: block;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 42px;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 42px;
}

.dropdown-toggle:after {
    color: #333;
    content: "\f431";
    font-size: 24px;
    line-height: 42px;
    position: relative;
    top: 0;
    left: 1px;
    width: 42px;
}

.dropdown-toggle:hover, .dropdown-toggle:focus {
    background-color: #eaeaea;
    background-color: rgba(51, 51, 51, 0.1);
}

.dropdown-toggle:focus {
    outline: 1px solid #c1c1c1;
    outline: 1px solid rgba(51, 51, 51, 0.3);
}

.dropdown-toggle.toggle-on:after {
    content: "\f432";
}

.social-navigation {
    margin: 9.0909% 0;
}

.social-navigation ul {
    list-style: none;
    margin: 0 0 -1.6em 0;
}

.social-navigation li {
    float: left;
}

.social-navigation a {
    display: block;
    height: 3.2em;
    position: relative;
    width: 3.2em;
}

.social-navigation a:before {
    content: "\f415";
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.social-navigation a[href*="codepen.io"]:before {
    content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
    content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
    content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
    content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
    content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
    content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
    content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
    content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
    content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
    content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
    content: "\f208";
}

.social-navigation a[href*="pinterest.com"]:before {
    content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
    content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
    content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
    content: "\f222";
}

.social-navigation a[href*="stumbleupon.com"]:before {
    content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
    content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
    content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
    content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before, .social-navigation a[href*="wordpress.org"]:before {
    content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
    content: "\f213";
}

.social-navigation a[href*="mailto:"]:before {
    content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
    content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
    content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
    content: "\f413";
}

.secondary-toggle {
    background-color: transparent;
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    height: 42px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
}

.secondary-toggle:before {
    color: #333;
    content: "\f419";
    line-height: 40px;
    width: 40px;
}

.secondary-toggle:hover, .secondary-toggle:focus {
    background-color: transparent;
    border: 1px solid #c1c1c1;
    border: 1px solid rgba(51, 51, 51, 0.3);
    outline: 0;
}

.secondary-toggle.toggled-on:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: 1px;
    left: -1px;
}

.post-navigation {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-weight: 700;
}

.post-navigation a {
    display: block;
}

.post-navigation span {
    display: block;
}

.post-navigation .meta-nav {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    letter-spacing: 0.04em;
    line-height: 1.5;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

.post-navigation .post-title {
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.3333;
    position: relative;
    z-index: 2;
}

.post-navigation .nav-next, .post-navigation .nav-previous {
    background-position: center;
    background-size: cover;
    position: relative;
    background-image: none !important;
    display: none;
}

.nav-links a {
    display: inline-block;
    width: 100%;
    background-color: rgba(247, 247, 247, 1);
}

.post-navigation a:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: transparent !important;
}

.post-navigation .meta-nav {
    opacity: 0.8;
}

.post-navigation div + div {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.pagination {
    background-color: #fff;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-family: "Poppins", sans-serif;
}

.pagination .nav-links {
    min-height: 3.2em;
    position: relative;
    text-align: center;
}

.pagination .current .screen-reader-text {
    position: static !important;
}

.pagination .page-numbers {
    display: none;
    line-height: 3.2em;
    padding: 0 0.6667em;
}

.pagination .page-numbers.current {
    text-transform: uppercase;
}

.pagination .current {
    display: inline-block;
    font-weight: 700;
}

.pagination .prev, .pagination .next {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #333;
    color: #fff;
    display: inline-block;
    height: 48px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 48px;
}

.pagination .prev:before, .pagination .next:before {
    font-size: 32px;
    height: 48px;
    line-height: 48px;
    position: relative;
    width: 48px;
}

.pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
}

.pagination .prev {
    left: 0;
}

.pagination .prev:before {
    content: "\f430";
    left: -1px;
}

.pagination .next {
    right: 0;
}

.pagination .next:before {
    content: "\f429";
    right: -1px;
}

.image-navigation, .comment-navigation {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.image-navigation a, .comment-navigation a {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.image-navigation a:hover, .image-navigation a:focus, .comment-navigation a:hover, .comment-navigation a:focus {
    color: #333;
}

.image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty), .comment-navigation .nav-previous:not(:empty), .comment-navigation .nav-next:not(:empty) {
    display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
    content: "\2215";
    font-weight: 400;
    margin: 0 0.7em;
}

.image-navigation .nav-previous a:before, .comment-navigation .nav-previous a:before {
    content: "\f430";
    margin-right: 0.2em;
    position: relative;
}

.image-navigation .nav-next a:after, .comment-navigation .nav-next a:after {
    content: "\f429";
    margin-left: 0.2em;
    position: relative;
}

.comment-navigation {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    border-bottom: 1px solid #eaeaea;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding: 2em 0;
}

.comments-title + .comment-navigation {
    border-bottom: 0;
}

.image-navigation {
    padding: 0 7.6923%;
}

.image-navigation .nav-previous:not(:empty), .image-navigation .nav-next:not(:empty) {
    margin-bottom: 2em;
}

.says, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.site .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font: bold 14px/normal "Open Sans", sans-serif;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

.logged-in .site .skip-link {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
    clip: auto;
    height: auto;
    left: 6px;
    top: 7px;
    width: auto;
    z-index: 100000;
}

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

.clear:before, .clear:after, .site:before, .site:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .nav-links:before, .nav-links:after, .comment-navigation:before, .comment-navigation:after, .social-navigation ul:before, .social-navigation ul:after, .textwidget:before, .textwidget:after {
    content: "";
    display: table;
}

.clear:after, .site:after, .entry-content:after, .comment-content:after, .site-content:after, .nav-links:after, .comment-navigation:after, .social-navigation ul:after, .textwidget:after {
    clear: both;
}

.site-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding: 7.6923%;
}

.site-branding {
    min-height: 2em;
    padding-right: 60px;
    position: relative;
}

.site-title {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3636;
    margin-bottom: 0;
}

.site-description {
    display: none;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0.5em 0 0;
    opacity: 0.7;
}

.widget {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 auto 9.09090%;
    word-wrap: break-word;
}

.widget pre {
    line-height: 1.2;
}

.widget button, .widget input, .widget select, .widget textarea {
    font-size: 16px;
    line-height: 1.5;
}

.widget button, .widget input {
    line-height: normal;
}

.widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
    font-size: 12px;
    padding: 0.7917em 1.5833em;
}

.widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
    padding: 0.375em;
}

.widget-title {
    color: #333;
    font-family: "Poppins", sans-serif;
    margin: 0 0 1.6em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.widget > :last-child {
    margin-bottom: 0;

}

.widget_calendar table {
    margin: 0;
}

.widget_calendar td, .widget_calendar th {
    line-height: 2.3333;
    text-align: center;
    padding: 0;
}

.widget_calendar caption {
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 1.6em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.widget_calendar tbody a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #333;
    color: #fff;
    display: block;
    font-weight: 700;
}

.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
    color: #fff;
}

.widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a {
    border: 0;
}

.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul {
    list-style: none;
    margin: 0;
}

.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 0.7667em 0;
    width: 100%;
}

.widget_archive li:first-child, .widget_categories li:first-child, .widget_links li:first-child, .widget_meta li:first-child, .widget_nav_menu li:first-child, .widget_pages li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child {
    border-top: 0;
}

.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child {
    padding-bottom: 0;
}

.widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    margin: 0.7667em 0 0 0.8em;
    padding-top: 0.7667em;
}

.widget_recent_entries .post-date {
    display: block;
}

.widget_rss ul {
    list-style: none;
    margin: 0;
}

.widget_rss li {
    margin-bottom: 1.6em;
}

.widget_rss ul:last-child, .widget_rss li:last-child {
    margin-bottom: 0;
}

.widget_rss .rsswidget {
    border: 0;
    font-weight: 700;
}

.widget_rss .rsswidget img {
    margin-top: -4px;
}

.widget_rss .rss-date, .widget_rss cite {
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    display: block;
    line-height: 2;
    opacity: 0.8;
}

.textwidget > :last-child {
    margin-bottom: 0;
}

.textwidget a {
    border-bottom: 1px solid #333;
}

.textwidget a:hover, .textwidget a:focus {
    border-bottom: 0;
}

.secondary {
    background-color: #fff;
    padding: 0 7.6923%;
}
div#secondary {
    padding-top: 10px;
}

.secondary.toggled-on {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    display: block;
}

.widget-area {
    margin: 9.09090% auto 0;
}

.site-footer {
    background-color: #fff;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 3.84615% 7.6923%;
}



.hentry.has-post-thumbnail {
    padding-top: 0;
}

.hentry.sticky:not(.has-post-thumbnail) {
    padding-top: -webkit-calc(7.6923% + 24px);
    padding-top: calc(7.6923% + 24px);
}

.hentry + .hentry {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.post-thumbnail {
    border: 0;
    display: block;
    margin-bottom: 2.4em;
}

.post-thumbnail img {
    display: block;
    margin: 0 auto;
}

a.post-thumbnail:hover, a.post-thumbnail:focus {
    opacity: 0.85;
}

.entry-title {
    font-size: 26px;
    line-height: 1.1538;
    margin-bottom: 0.9231em;
}

.entry-content > :last-child, .entry-summary > :last-child {
    margin-bottom: 0;
}

.posts_layout {
    display: inline-block;
    width: 100%;
}

.posts_layout.portfo_layout {
    margin: 0 0 50px;
}

.testi a h2 {
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.testi a h2:before {
    content: '--';
    margin-right: 5px;
}

.posts_layout.accordion_layout {
    border: 1px solid rgba(106, 163, 83, 0.2);
    border-width: 0 0 1px;
}

.entry-content, .entry-summary, .page-content, .comment-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
    font-size: 26px;
    line-height: 1.1538;
    margin-top: 1.8462em;
    margin-bottom: 0.9231em;
}

.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
    font-size: 22px;
    line-height: 1.3636;
    margin-top: 2.1818em;
    margin-bottom: 1.0909em;
}

.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
    font-size: 18px;
    line-height: 1.3333;
    margin-top: 2.6667em;
    margin-bottom: 1.3333em;
}

.entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .page-content h4, .page-content h5, .page-content h6, .comment-content h4, .comment-content h5, .comment-content h6 {
    font-size: 15px;
    line-height: 1.2;
    margin-top: 3.2em;
    margin-bottom: 1.6em;
}

.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.entry-content > h1:first-child, .entry-content > h2:first-child, .entry-content > h3:first-child, .entry-content > h4:first-child, .entry-content > h5:first-child, .entry-content > h6:first-child, .entry-summary > h1:first-child, .entry-summary > h2:first-child, .entry-summary > h3:first-child, .entry-summary > h4:first-child, .entry-summary > h5:first-child, .entry-summary > h6:first-child, .page-content > h1:first-child, .page-content > h2:first-child, .page-content > h3:first-child, .page-content > h4:first-child, .page-content > h5:first-child, .page-content > h6:first-child, .comment-content > h1:first-child, .comment-content > h2:first-child, .comment-content > h3:first-child, .comment-content > h4:first-child, .comment-content > h5:first-child, .comment-content > h6:first-child {
    margin-top: 0;
}
a.featured_image img {
    margin: 0;
    height: 190px;
}

.entry-content a:hover, .entry-content a:focus, .entry-summary a:hover, .entry-summary a:focus, .page-content a:hover, .page-content a:focus, .comment-content a:hover, .comment-content a:focus, .pingback .comment-body > a:hover, .pingback .comment-body > a:focus {
    border-bottom: 0;
}

.entry-content a img, .entry-summary a img, .page-content a img, .comment-content a img {
    display: block;
}

.entry-content .more-link, .entry-summary .more-link:after {
    white-space: nowrap;
}

.entry-content .more-link:after, .entry-summary .more-link:after {
    content: "\f429";
    font-size: 16px;
    position: relative;
    top: 5px;
}

.author-info {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    margin: 0 7.6923%;
    padding: 7.6923% 0;
}

.author-info .avatar {
    float: left;
    height: 36px;
    margin: 0 1.6em 1.6em 0;
    width: 36px;
}

.author-heading {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    letter-spacing: 0.04em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.author-title {
    clear: none;
}

.author-bio {
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    padding-bottom: 1px;
}

.author-description {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.author-description a {
    border-bottom: 1px solid #333;
}

.author-description a:hover, .author-description a:focus {
    border-bottom: 0;
}

.author-description > :last-child {
    margin-bottom: 0;
}

.author-link {
    white-space: nowrap;
}

.author-link:after {
    content: "\f429";
    position: relative;
    top: 1px;
}

.entry-footer {
    background-color: #f7f7f7;
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    padding: 3.8461% 7.6923%;
}

.entry-footer a {
    border-bottom: 1px solid transparent;
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.entry-footer a:hover {
    border-bottom: 1px solid #333;
}

.entry-footer a:hover, .entry-footer a:focus {
    color: #333;
}

.sticky-post {
    background-color: #333;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.25em 0.5em;
    position: absolute;
    top: 0;
    text-transform: uppercase;
}

.updated:not(.published) {
    display: none;
}

.sticky .posted-on {
    display: none;
}

.posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
    margin-right: 2px;
    position: relative;
}

.posted-on, .byline, .cat-links, .tags-links, .comments-link, .entry-format, .full-size-link {
    margin-right: 1em;
}

.format-aside .entry-format:before {
    content: "\f101";
}

.format-image .entry-format:before {
    content: "\f473";
}

.format-gallery .entry-format:before {
    content: "\f103";
}

.format-video .entry-format:before {
    content: "\f104";
}

.format-status .entry-format:before {
    content: "\f105";
}

.format-quote .entry-format:before {
    content: "\f106";
}

.format-link .entry-format:before {
    content: "\f107";
}

.format-chat .entry-format:before {
    content: "\f108";
}

.format-audio .entry-format:before {
    content: "\f109";
}

.posted-on:before {
    content: "\f307";
}

.byline:before {
    content: "\f304";
}

.cat-links:before {
    content: "\f301";
}

.tags-links:before {
    content: "\f302";
}

.comments-link:before {
    content: "\f300";
}

.full-size-link:before {
    content: "\f402";
}

.edit-link:before {
    content: "\f411";
}

.comments-link, .edit-link {
    white-space: nowrap;
}

.page-header {
    background-color: #fff;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    padding: 7.6923%;
}

.page-title {
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.3333;
}

.taxonomy-description {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    padding-top: 0.4em;
}

.taxonomy-description a {
    border-bottom: 1px solid #333;
}

.taxonomy-description a:hover, .taxonomy-description a:focus {
    border-bottom: 0;
}

.taxonomy-description > :last-child {
    margin-bottom: 0;
}

.page-content {
    background-color: #fff;
    padding: 7.6923%;
}

.page-content > :last-child {
    margin-bottom: 0;
}

.page-links {
    clear: both;
    font-family: "Poppins", sans-serif;
    margin-bottom: 1.3333em;
}

.page-links a, .page-links > span {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    display: inline-block;
    font-size: 12px;
    height: 2em;
    line-height: 2;
    margin: 0 0.3333em 0.3333em 0;
    text-align: center;
    width: 2em;
}

.page-links a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.page-links a:hover, .page-links a:focus {
    background-color: #707070;
    background-color: rgba(51, 51, 51, 0.7);
    border-color: transparent;
    color: #fff;
}

.page-links > .page-links-title {
    border: 0;
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    height: auto;
    margin: 0;
    padding-right: 0.5em;
    width: auto;
}

.entry-attachment {
    margin-bottom: 1.6em;
}

.type-attachment .entry-title {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.entry-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    line-height: 1.5;
    padding-top: 0.5em;
    word-wrap: break-word;
}

.entry-caption > :last-child {
    margin-bottom: 0;
}

.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
    font-size: 18px;
    line-height: 1.3333;
    margin-bottom: 1.3333em;
}

.format-link .entry-title a:after {
    content: "\f442";
    font-size: 24px;
    height: 24px;
    position: relative;
    top: 0;
    width: 24px;
}

.blog .format-status .entry-title, .archive .format-status .entry-title {
    display: none;
}

.blog-full ol {
	padding-left: 15px;
}
.blog-full ol li {
	 margin-bottom: 15px;
}

.comments-area {
    background-color: #fff;
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 7.6923%;
}

.comments-area > :last-child {
    margin-bottom: 0;
}

.comment-list + .comment-respond {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list + .comment-respond, .comment-navigation + .comment-respond {
    padding-top: 1.6em;
}

.comments-title, .comment-reply-title {
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.3333;
}

.comments-title {
    margin-bottom: 1.3333em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article, .comment-list .pingback, .comment-list .trackback {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding: 1.6em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.8em;
}

.comment-author {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 0.4em;
}

.comment-author a:hover {
    border-bottom: 1px solid #707070;
    border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
    float: left;
    height: 24px;
    margin-right: 0.8em;
    width: 24px;
}

.bypostauthor > article .fn:after {
    content: "\f304";
    position: relative;
    top: 5px;
    left: 3px;
}

.comment-metadata, .pingback .edit-link {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

.comment-metadata a, .pingback .edit-link a {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover, .pingback .edit-link a:hover {
    border-bottom: 1px solid #333;
}

.comment-metadata a:hover, .comment-metadata a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus {
    color: #333;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul, .comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul, .comment-content li > ol {
    margin-bottom: 0;
}

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
}

.comment-list .reply a {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 2em;
    padding: 0.4167em 0.8333em;
    text-transform: uppercase;
}

.comment-list .reply a:hover, .comment-list .reply a:focus {
    border-color: #333;
    color: #333;
    outline: 0;
}

.comment-form {
    padding-top: 1.6em;
}

.comment-form label {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    display: block;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-transform: uppercase;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"] {
    width: 100%;
}

.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 2em;
}

.logged-in-as a:hover {
    border-bottom: 1px solid #333;
}

.no-comments {
    border-top: 1px solid #eaeaea;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    padding-top: 1.6em;
}

.comment-navigation + .no-comments {
    border-top: 0;
}

.form-allowed-tags code {
    font-family: Inconsolata, monospace;
}

.form-submit {
    margin-bottom: 0;
}

.required {
    color: #c0392b;
}

.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 26px;
}

.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: -3px;
}

.site-info {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-size: 12px;
    line-height: 1.5;
}

.site-info a {
    border-bottom: 1px solid transparent;
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
}

.site-info a:hover {
    border-bottom: 1px solid #333;
}

.site-info a:hover, .site-info a:focus {
    color: #333;
}

.site .avatar {
    border-radius: 50%;
}

.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

audio, canvas {
    display: inline-block;
}

embed, iframe, object, video {
    margin-bottom: 1.6em;
    max-width: 100%;
    vertical-align: middle;
}

p > embed, p > iframe, p > object, p > video {
    margin-bottom: 0;
}

.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
    padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
    margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
    border-bottom: 0;
    padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
    top: 10px;
}

.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption-text {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery {
    margin-bottom: 1.6em;
}

.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

.widecolumn {
    background-color: #fff;
    padding: 7.6923%;
}

.widecolumn .mu_register {
    width: auto;
}

.widecolumn .mu_alert {
    margin-bottom: 1.6em;
}

.widecolumn form, .widecolumn .mu_register form {
    margin-top: 0;
}

.widecolumn h2 {
    font-size: 26px;
    line-height: 1.1538;
    margin-bottom: 0.9231em;
}

.widecolumn p {
    margin: 1.6em 0;
}

.widecolumn p + h2 {
    margin-top: 1.8462em;
}

.widecolumn label, .widecolumn .mu_register label {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widecolumn .mu_register label {
    margin: 2em 0 0;
}

.widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
    font-size: 16px;
    width: 100%;
}

.widecolumn .mu_register #blogname {
    margin: 0;
}

.widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
    margin: 0 0 0.375em;
}

.widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
    font-size: 12px;
    margin: 0;
    width: 100%;
}

.widecolumn .mu_register .prefix_address, .widecolumn .mu_register .suffix_address {
    font-size: inherit;
}

.widecolumn .mu_register > :last-child, .widecolumn form > :last-child {
    margin-bottom: 0;
}

.single_post_simple {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}

.testi .single_post_simple {
    position: relative;
    padding: 0 0 40px;
    margin: 0 0 40px;
    font-style: italic;
}

label.acc_title .fa-angle-up {
    opacity: 0;
    transition: all 0.5s;
}

.acc_title.expanded i {
    transform: rotate(180deg);
}

.acc_title.expanded .fa-angle-up{
    opacity: 0;
}

.acc_title.expanded .fa-angle-down {
    opacity: 1;
}

label.acc_title i {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: 'FontAwesome';
    line-height: 55px;
    /* transform: rotate(-45deg);*/
    font-size: 30px;
    transition: all 0.5s;
}

.acc_detail {
    border: 1px solid rgba(106, 163, 83, 0.2);
}

.hidden_cb:checked ~ .acc_detail {
    opacity: 1;
    height: 100%;
}

.single_post_accordion {
    transition: all 0.5s;
    clear: both;
}

.acc_title {
    width: 100%;
    padding: 15px 50px 15px 10px;
    font-size:16px;
    transition: all 0.2s;
    position: relative;
    border-bottom: 1px solid rgb(217, 222, 224);
}

.acc_title:hover, .acc_title.expanded {
    cursor: pointer;
    color: #FFF;
    background: #44c8e8;
}

.acc_title:hover .faq_title, .acc_title.expanded .faq_title,.acc_title.expanded .faq_number, .acc_title:hover .faq_number {
    color: #FFF;
}
.faq_number {
    width: 3%;
    display: inline-block;
}
.faq_title {
    width: 96%;
    display: inline-flex;
}
.acc_title:hover h2{
    margin-right: 21px;
}

label.acc_title h2 {
    margin-right: 21px;
    padding: 0;
    font-size: 18px;
    line-height: normal;
}


.menu-item-has-children .container1{
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    top: 49px;
    width: 100%;
    left: 0;
    transform: translateY(0px);
    box-shadow: 0 10px 60px 1px rgba(0,0,0,0.08) !important;
    border-radius: 2px !important;
    transition: all .5s linear;
}
.menu-item-has-children:hover .container1{
    display: block;
}

ul.menu li:hover ul.sub-menu {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
    z-index: 2;
    list-style: none;
}

.posts_layout.home_services .single_post_simple span.image_post i.colored {
}

.posts_layout.home_services .single_post_simple:hover span.image_post .icon_swap, .posts_layout.home_services .single_post_simple.active span.image_post .icon_swap {
    transform: translateY(-100%);
}

.posts_layout.home_services .single_post_simple span.image_post .icon_swap i {
    transition: all 0.5s;
    display: block;
    min-height: 130px;
    position: relative;
}

.posts_layout.home_services .single_post_simple span.image_post .icon_swap i:before {
}

.posts_layout.home_services .single_post_simple span.image_post .icon_swap {
    transition: all 0.5s;
}

*::selection {
    background-color: rgba(106, 163, 83, 0.5);
}

.home_services .single_post_simple.post_2 a.view_more, .home_services .single_post_simple.post_4 a.view_more {
}

.home_services .single_post_simple.post_2 a.view_more:after, .home_services .single_post_simple.post_4 a.view_more:after {
}

.home_services .single_post_simple a.view_more:after {
    color: #000;
}

.home_services .single_post_simple.post_1:hover a.view_more:after, .posts_layout.home_services .single_post_simple.post_1 span.image_post i.colored {
    color: #BC5858;
}

.home_services .single_post_simple.post_1 a.view_more:before {
    background-color: rgba(188, 88, 88, 0.4);
}

.home_services .single_post_simple.post_2:hover a.view_more:after, .posts_layout.home_services .single_post_simple.post_2 span.image_post i.colored {
    color: #58BC5A;
}

.home_services .single_post_simple.post_2 a.view_more:before {
    background-color: rgba(88, 188, 90, 0.4);
}

.home_services .single_post_simple.post_2 a.view_more:hover:before {
}

.home_services .single_post_simple.post_3:hover a.view_more:after, .posts_layout.home_services .single_post_simple.post_3 span.image_post i.colored {
    color: #5858BC;
}

.home_services .single_post_simple.post_3 a.view_more:before {
    background-color: rgba(88, 88, 188, 0.4);
}

.home_services .single_post_simple.post_4:hover a.view_more:after, .posts_layout.home_services .single_post_simple.post_4 span.image_post i.colored {
    color: #BCB858;
}

.home_services .single_post_simple.post_4 a.view_more:before {
    background-color: rgba(188, 184, 88, 0.4);
}

.home_services .single_post_simple.post_4 a.view_more:hover:before {
}

.posts_layout.home_services .post_1:hover {
    box-shadow: 1px 1px 1px rgba(188, 88, 88, 0.5);
    background-color: rgba(188, 88, 88, 0.01);
}

.posts_layout.home_services .post_1:hover h2 {
    color: #BC5858;
}

.posts_layout.home_services .post_2:hover {
    box-shadow: -1px 1px 1px rgba(88, 188, 90, 0.5);
    background-color: rgba(88, 188, 90, 0.01);
}

.posts_layout.home_services .post_2:hover h2 {
    color: #58BC5A;
}

.posts_layout.home_services .post_3:hover {
    box-shadow: 1px -1px 1px rgba(88, 88, 188, 0.5);
    background-color: rgba(88, 88, 188, 0.01);
}

.posts_layout.home_services .post_3:hover h2 {
    color: #5858BC;
}

.posts_layout.home_services .post_4:hover {
    box-shadow: -1px -1px 1px rgba(188, 184, 88, 0.5);
    background-color: rgba(188, 184, 88, 0.01);
}

.posts_layout.home_services .post_4:hover h2 {
    color: #BCB858;
}


.posts_layout.home_services .single_post_simple span.image_post img {
    transition: all 0.5s;
}

.posts_layout.home_services .single_post_simple:hover span.image_post img {
    transform: translateY(0px);
}

.posts_layout.home_services .single_post_simple {
    width: 25%;
    padding: 10px 30px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid transparent;
    text-align: center;
    height: 170px;
    float: left;
}

.posts_layout.home_services .single_post_simple span.image_post {
    max-height: 128px;
    overflow: hidden;
    font-size: 100px;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.posts_layout.home_services:before {
    content: 'Our Services';
    display: none;
    text-align: center;
    font-size: 30px;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto 40px;
    max-width: 250px;
    border-bottom: 1px solid #ccc;
    line-height: 35px;
}

.posts_layout.home_services .single_post_simple:nth-child(2n) span.image_post {
    float: left;
}

.posts_layout.home_services .single_post_simple.post_4 span.image_post {
    font-size: 140px;
    line-height: 0;
}

.posts_layout.home_services .post_1 {
    box-shadow: 1px 1px 1px #CCC;
}

.posts_layout.home_services .post_2 {
    box-shadow: -1px 1px 1px #ccc;
}

.posts_layout.home_services .post_3 {
    box-shadow: 1px -1px 1px #ccc;
}

.posts_layout.home_services .post_4 {
    box-shadow: -1px -1px 1px #ccc;
}

a.view_more:before {
    background-color: rgba(78, 159, 222, 0.6);
    content: '';
    width: 100px;
    height: 40px;
    display: inline-block;
    position: absolute;
    z-index: -1;
    transform: translateY(-10px);
    right: 100%;
    transition: all 0.2s ease-in-out;
}

.sliding_back:before {
    background-color: rgba(78, 159, 222, 0.6);
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    right: 100%;
    transition: all 0.2s ease-in-out;
}

.sliding_back:after {
    content: '';
    border-bottom: 3px solid;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    color: #4E9FDE;
}

footer.entry-footer {
    padding: 0;
}

a.blog-title {
    display: inline-block;
    width: 100%;
}

a.view_more {
    box-sizing: border-box;
    display: block;
    text-align: right;
    text-transform: uppercase;
    margin: 15px 0;
    border: 1px solid rgba(204, 204, 204, 0.45);
    padding: 10px 10px 10px;
    position: relative;
    border-width: 1px 0 0px 0;
    overflow: hidden;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
}

.sliding_back {
    position: relative;
    overflow: hidden;
}

.acc_title.expanded {
    background-color: #000;
    color: #FFF;
}

a.view_more:after {
    content: '';
    border-bottom: 3px solid;
    display: inline-block;
    width: 100px;
    position: absolute;
    top: 0px;
    right: 0;
    color: rgba(71,201,229,0.95);
}

a.view_more:hover {
    border: 1px solid rgba(204, 204, 204, 0.45);
    border-width: 1px 0 0 0;
    color: #FFF;
}

a.view_more:hover:before, .sliding_back:hover:before {
    right: 0;
}

.widget > h2:nth-child(2) {
    font-size: inherit;
    margin: auto;
}

.single_post {
    padding-left: 0;
    padding-right: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

.blog-title, .blog-title:hover, .nelink, .nelink:hover {
    color: inherit;
    text-decoration: none;
}

.single_post .col-md-3 {
    padding: 0;
    overflow: hidden;
}

div#blog_layout > a:hover {
    color: #000;
    text-decoration: none;
}

div#blog_layout h2 {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}

.back {
    position: relative;
    transform: rotateY(180deg);
    background-color: rgba(78, 159, 222, 1);
    color: #fff;
    padding: 20px;
    height: 100%;
}

.back {
    transform: rotateX(180deg);
}

.back a {
    color: #000;
}

.front {
    max-width: 100%;
    max-height: 100%;
}

div#comments {
    margin-left: 0;
    padding-left: 30px;
}


.hover_details {
    position: absolute;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 15px;
    transition: all 0.4s;
    top: 0;
}

span.port_title_hover {
    text-transform: uppercase;
    border-bottom: 1px solid;
    display: block;
    margin: 0 0 10px;
    font-size: 20px;
    padding-bottom: 5px;
}

.port_desc {
    border-bottom: 1px solid;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

span.hover_labels a {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
}

.port_image:hover .hover_details {
    right: 0;
}

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

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

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

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

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

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

div.filters_container {
    margin: 0;
    position: relative;
    height: 50px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.port_image {
    padding: 15px;
    overflow: hidden;
    position: relative;
    height: auto;
}
.port_image a {
    display: block;
}

a#port_zoom {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #FFF;
    font-size: 30px;
    text-decoration: none;
}

.port_image a:after {
    display: none;
    content: 'view';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 50px;
    color: #FFF;
    text-align: center;
    max-height: 50px;
    line-height: 50px;
}

.port_image a:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
a.port_title:hover {
    text-decoration: none;
    color: inherit;
}

a.port_title {
    font-size: 18px;
    text-decoration: none;
    color: inherit;
    display: block;
    margin: 58px 0 10px;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    border: 0;
}

ul#filters li {
    list-style: none;
    float: left;
    height: 50px;

}
ul#filters {
    display: inline-block;
    height: 50px;
}

span#filter_label {
    padding-left: 40px;
    position: absolute;
    font-size: 18px;
    height: 100%;
    line-height: 50px;
    background-color: rgba(35, 40, 45, 1);
    color: #47c9e5;
    background-color: #fff !important;
    cursor: pointer;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
}

ul#filters li a {
    font-size: 13px;
    padding: 0 0px;
    text-decoration: none;
    height: 100%;
    display: inline-block;
    line-height: 50px;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;
    border: 0;
    color: #000 !important;
    background-color: #fff !important;
}
ul#filters li a:hover {
    color: #47c9e5 !important;
}

ul#filters li a:hover, ul#filters li a:focus, .sliding_back:hover a, .sliding_back:focus a {
    color: #888;
}

ul#filters li a:focus, .sliding_back:focus a {
    background-color: #4E9FDE;
    color: #FFF;
}

.crellyslider > .cs-controls > span:after {
    content: '';
    color: #FFF;
    font-size: 30px;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 4px 4px 0 0;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.crellyslider > .cs-controls > span:before {
    color: #FFF;
    position: absolute;
    width: 0;
    height: 0;
    border-right: 10px solid #FFF;
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.crellyslider > .cs-controls > .cs-previous:before {
    transform: rotate3d(-5, 0, -5, 135deg) rotateY(45deg);
}

.crellyslider > .cs-controls > .cs-next:before {
    transform: rotate3d(5, 0, 5, 45deg) rotateY(45deg);
    right: 0;
    left: 0;
}

.crellyslider > .cs-controls > .cs-previous:after {
    transform: rotate3d(-5, 0, -5, 135deg) rotateY(45deg);
}

.crellyslider > .cs-controls > .cs-next:after {
    transform: rotate3d(5, 0, 5, 45deg) rotateY(45deg);
}

.crellyslider > .cs-controls > span {
    display: inline-block !important;
    height: 100%;
    width: 60px;
}

.crellyslider > .cs-controls {
    height: 100%;
}

.cs-next {
    margin-right: 50px;
}

.cs-previous {
    margin-left: 50px;
}

.crellyslider > .cs-slides > .cs-slide {
    background-size: cover !important;
}

footer.site-footer {
    background-color: #1b2f3f;
    padding: 60px 0 20px;
    color: #000;
    clear: both;
    bottom:0px;
    z-index: -1;
	background: linear-gradient(to bottom, #1b2f3f 0%, #044a58 100%);
	
}
footer p {
    line-height: 25px;
}
footer.site-footer h4
{
	text-transform: uppercase;
	position:relative;
	padding-bottom: 12px;
    margin-bottom: 20px;
    text-align: left;
}
footer.site-footer h4:after
{
	position: absolute;
    content: "";
    width: 70px;
    height: 3px;
    background-color: #09b3d8;
/*    left: -310px;*/
    bottom: 0px;
    right: 200px;
}

footer *, footer .widget p, footer .widget a, #footer3 li a, footer.site-footer ul.menu li
{
	color:#ffffff !important;
}
#footer2 h2, #footer3 h2:first-child, .widget > h2:first-child {
    margin-top: 0;
    padding-top: 0;
    text-transform: inherit;
}

div#nav_menu-3 h2 {
    margin-bottom: 15px !important;
}

footer.site-footer .widget {
    color: #FFF;
    margin-bottom: 12px;
    text-align: left;
}

footer.site-footer ul.menu {
    padding: 0;
}

footer.site-footer li {
    list-style: none;
}
ul.menu li ul.sub-menu li a {
    color: #8d8d8d !important;
    font-size: 14px;
}


.hire-developer ul.sub-menu {
    left: -301px !important;
    width: 140% !important;
}

div#header-menu.fixed .hire-developer ul.sub-menu {
    width: 100% !important;
    left: 0 !important;
}

footer.site-footer ul.menu li {
    float: none;
    background-color: transparent;
    padding: 0;
    min-height: 0;
    border: 0;
}

footer.site-footer ul.menu li a:hover {
    text-decoration: underline;
}

footer.site-footer ul.menu li a {
    padding: 0;
    background-color: transparent;
}

footer.site-footer ul.menu li ul.sub-menu {
    display: none;
}
.fixed ul.menu {
    display: block;
    margin: -1px;
}
div#header-menu.fixed {
    position: fixed;
    top: 35px;
}

.fixed ul.menu:before {
    background-color: rgba(255, 255, 255, 1) !important;
}
.hire-developer ul.menu li ul.sub-menu li a{
    color:rgba(61,61,61,0.80)!important;
}
.current-menu-parent > a {
    color: #47c9e5 !important;
}
.current-menu-parent{
    background-color: transparent!important;
    color: white!important;
}

.fixed ul.menu > li.current-menu-item > a:hover {
    color:rgba(61,61,61,0.80);
}

footer ul.menu:before {
    background-color: transparent;
}


.sub-menu .menu-item-has-children:after{
    font-family: FontAwesome;
    content: "\f0dd";
    font-weight: 600;
    padding-left: 5px;
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 40px;
    transition: all 0.5s;
    font-size: 20px;
}
.topmenus ul.menu li:hover a.active:after{
    transform: rotate(180deg);
    transition: all .5s;
}
.topmenus{
    position: unset;
    display: flex;
    align-items: center;
}
ul.menu li ul.sub-menu li a:after{
    display:none;
}
ul.menu li:first-child a:after{
    display: none;
}
ul.menu li:nth-child(7) a:after,ul.menu li:nth-child(8) a:after,ul.menu li:nth-child(9) a:after {
    display: none;
}

footer.site-footer .menu-header-menu-container {
    text-align: left;
}

.site-content {
    float: none;
}

.entry-content.content_php {
    padding: 30px 0%;
}
.raw.field_text {
    width: 48%;
}

.raw.field_text.alignleft.omega {
    margin-left: 4%;
}

.raw.field_textarea {
    margin-bottom: 20px;
}

.raw.field_select.alignleft {
    margin-left: 4%;
}

.raw.field_select.alignleft {
    float: left;
    margin-bottom: 20px;
    width: 22%;
}

.raw.field_select.alignleft.select1 {
    margin-left: 0;
}

.raw.field_select.alignleft > select {
    width: 100%;
}

select {
    padding: 3px;
    margin: 0;
    color: #888;
    border: 1px solid rgba(10, 10, 10, 0.3);
    outline: none;
    display: inline-block;
    cursor: pointer;
}

/*start mukesh code here*/
#port_img >a >img {
    width: 100%;
    margin: 0;
    height: 100%;
}
.web_design.container.home_services_box {
    position:relative;
    padding: 60px 0px;
}
div#content {
    margin: 0;
}
.page-template-default .header_container.header_icon,
.page-template-page-hire-developer .header_container.header_icon,
.page-template-faqhire .header_container.header_icon,
.page-template-Testimonials .header_container.header_icon,
.page-template-faqs .header_container.header_icon,
.category-blog .header_container.header_icon,
.page-template-contact .header_container.header_icon
{
    background: #fff;
}
.page-template-contact .menu-header-menu-container>ul>li>a,
.page-template-default .menu-header-menu-container>ul>li>a,
.page-template-faqhire .menu-header-menu-container>ul>li>a,
.page-template-page-hire-developer .menu-header-menu-container>ul>li>a,
.page-template-faqhire .menu-header-menu-container>ul>li>a,
.page-template-Testimonials .menu-header-menu-container>ul>li>a,
.page-template-faqs .menu-header-menu-container>ul>li>a,
.category-blog .menu-header-menu-container>ul>li>a
{
    color: #000;
}


.page-template-default .menu-header-menu-container > ul > li >a:hover,
.page-template-page-hire-developer .menu-header-menu-container > ul > li >a:hover,
.page-template-faqhire .menu-header-menu-container > ul > li >a:hover,
.page-template-Testimonials .menu-header-menu-container > ul > li >a:hover,
.page-template-faqs .menu-header-menu-container > ul > li >a:hover,
.category-blog .menu-header-menu-container > ul > li >a:hover
{
    color: #000;
}

.animation-element {
    position: relative;
}
.animation-element.slide-left {
    opacity: 1;
    transition: all 1000ms linear;
    transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
    opacity: 1;
    transform: translate3d(-10px, 0px, 0px);
    text-align: center;
}
.filters_container > ul > li:hover:after {
    width:80%;
}
.filters_container > ul > li:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -13px;
    position: relative;
    width: 0px;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}
.filters_container > ul > li > a.active >.filters_container > ul > li:after{
    content: '';
    width: 80px;
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -4px;
    position: relative;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}
.portfolio_slider > ul > li:hover:after {
    width: 100%;
    background: #44c8e8;
}
.portfolio_slider > ul > li:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -10px;
    position: relative;
    width: 0px;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}
.portfolio_slider .slick-prev {
    left: -25px;
    top: 50%;
    cursor: pointer;
}
.portfolio_slider .slick-next {
    right: -25px;
    top: 50%;
    cursor: pointer;
}
.portfolio_slider button.slick-next:after {
    content: '\f105';
    font-size: 65px;
    color: #000;
    font-display: auto;
    font-family: FontAwesome;
    font-weight: normal;
}
.portfolio_slider button.slick-prev:after {

    content: '\f104';
    font-size: 65px;
    color: #000;
    font-display: auto;
    font-family: FontAwesome;
    font-weight: normal;
}
.portfolio_slider.slick-slider {
    padding-bottom:40px;
    padding-top: 20px;
}

.port_heading, .service_heading {
    text-align: center;
    font-size: 35px;
    font-display: auto;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    position: relative;
    padding-bottom: 25px;
/*	margin-bottom: 35px;*/
	/* text-transform: uppercase; */
}
.service_heading:after {
    position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    right: 0;
    margin: auto;
	bottom: 0;
}
.port_heading:after {
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    right: 0;
    margin: auto;
	bottom: 0;
}
.container.ourservice .test_head:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 3px;
    background-color: #44c8e8;
    left: 15px;
    right: 0%;
    top: 55px;
    margin: auto;
}
.test_head {
    
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-top: 10px;
    position: relative;
    padding-bottom: 30px;
    width: 100%;
}
.fa-angle-up:before {
    font-size: 45px;
}
.service_parallax {
    background-color: rgba(0,0,0,0.1);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.contact_form ul li label.gfield_label{
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
}

/*
*
*main-service-offer-section for hire dedicaded page
*/
.main-service-offer-section {
    margin: 50px 0;
    padding: 50px 0; 
    background-color: #f7f7f7;
}
.main-service-offer-section .main-service-title{
    font-size: 20px;
    position: relative;
    font-family: 'Open Sans';
    font-weight: bold;
}

.main-service-offer-section .main-service-title:hover:after {
    content: "";
    position: absolute;
    background-color:#000;
    width: 60%;
    height: 2px;
    left: 0px;
    top: 27px;
    border-radius: 10px;
    transition:.6s ease;
}

.main-service-offer-section .main-service-title:after {
    content: "";
    position: absolute;
    background-color: #47c9e5;
    width: 30%;
    height: 2px;
    left: 0px;
    top: 28px;
    border-radius: 10px;
    transition:.6s ease;
}
.main-service-offer-section .row {
    padding: 10px 0 10px 40px;
}

/*
*Choose Your Plan Section
*
*/
.main-plan-section .col-lg-3 {
    padding-right: 10px;
    padding-left: 10px;
}
.main-plan-section
{
    padding: 80px 0;
    background-color: #f7f7f7;
}
.main-plan-section .plan-box {
    padding: 30px 25px;
    background-color: #fff;
    height: 350px;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.main-plan-section .plan-box:hover {
    transform: scale(1.03);
    cursor: pointer;
}
.main-plan-section .choose-plan {
    font-size: 46px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.main-plan-section .choose-plan-text {
    font-size: 18px;
    color: #000;
    margin: 0 0 10px;
}
.main-plan-section .plan-box .heading {
    font-size: 24px;
    color: #000;
    padding-bottom: 15px;
    font-weight: bold;
}
.main-plan-section .choose-plan-text {
    width: 900px;
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}
.main-plan-section .hour {
    font-size: 16px;
    color: #000;
}
.main-plan-section .money {
    font-size: 22px;
    color: #000;
    margin: 30px 0 50px 0;
}
.main-plan-section .text {
    font-size: 13px;
    margin-top: 30px;
    text-align: center;
}
.main-plan-section .button-plan {
    text-align: center;
}
.main-plan-section .button-plan button {
    width: 80%;
    border-radius: 12px;
/*    box-shadow: 6px 8px #c7c7c7;*/
}
.main-plan-section .plan-box-second ul li {
    font-size: 14px;
    padding-bottom: 10px;
}
.main-plan-section .plan-box-second ul {
    list-style: decimal;
    padding-left: 35px;
}
.main-plan-section .plan-box-second .heading {
    font-size: 17px;
    padding-bottom: 20px;
    font-weight: bold;
    padding-top: 30px;
    padding-left: 20px;
}
.plan-box-second-last {
    padding: 35px 0px 0px 30px;    
}
.main-plan-section .plan-box-second {
    height: 300px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 1px 1px 7px -2px #777;
}
.main-plan-section .plan-box-second:hover {
    transform: scale(1.05);
}
.main-plan-section .decided-heading {
    font-weight: bold;
    padding-bottom: 10px;
}
.main-plan-section .button-call {
    margin-bottom: 30px;
    color: red;
    cursor: pointer;
}
.main-plan-section {
    margin-top: 60px;
}
.main-plan-section .button-plan button:hover {
    background-color: #fc9803;
    transition: .4s;
    box-shadow: none;
}
.main-plan-section .button-plan button:active {
    transform: scale(0.9);
}

.main-plan-section .bucket-text {
    font-size: 12px;
}
.main-plan-section .hour-heading1 {
    padding-top: 30px;
}
/*
*main-commun-plan-section
*
*/
.main-commun-plan-section .care-heading {
    font-size: 40px;
    font-weight: bold;
}
.main-commun-plan-section .care-plan-money {
    font-size: 30px;
}
.main-commun-plan-section ul {
    margin-top: 50px;
    list-style: none;
}
.main-commun-plan-section ul li {
    font-size: 15px;
    padding-bottom: 10px;
}
.main-commun-plan-section .button-sec {
    margin-top: 50px;
}
.main-commun-plan-section .care-plan-money  {
    text-align: right;
}
.main-commun-plan-section .button-learn-more {
    color: red;
}
.main-commun-plan-section .button-perchese {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
    border-radius: 15px;
    width: 60%;
    text-align: center;
    margin-left: auto;
    cursor: pointer;
    font-size: 16px;
}
.main-commun-plan-section .button-perchese:hover {
    background-color: #fc9803;
    transition: ease-out 0.3s;
}
.main-commun-plan-section .button-learn-more {
    color: red;
    text-align: center;
    margin-top: 30px;
    padding-left: 39%;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.main-commun-plan-section .button-learn-more::after {
    content: "";
    position: absolute;
    /* height: 25px; */
    width: 23%;
    top: 25px;
    right: 70px;
    /* color: yellow; */
    border-bottom: 2px dotted red;
    cursor: pointer;
}
.main-plan-section .main-plan-section-row-1 {
    flex-direction: column;
}
.seo-plan,.optimize-plan,.care-plan {
    background-color: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 20px;
}
.main-commun-plan-section .container {
    padding: 50px 60px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.optimize-plan {
    padding-bottom: 60px;
    margin-bottom: 60px;
}
    
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
.main-commun-plan-section 
select#input_2_8,select#input_2_9,input#input_2_1,input#input_2_2,input#input_2_4,input#input_2_5,input#input_2_11,select#input_2_12,select#input_2_13 {
    width: 100%;
    height: 30px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 13px;
    border-bottom: 1px solid #a8a8a8;;
    background-color: #fff;
    padding: 0px;
}
.contact_form .gfield_radio{
    display: flex;
}
.contact_form .gfield_radio li{
    display: flex;
}
.contact_form .gfield_radio li label{
    padding-top: 16px;
    font-size: 13px;
    padding-left: 5px;
}
.contact_form #input_2_15 li label{
    font-size: 13px;
    padding-left: 5px;
    position: absolute;
    top:21px;
}

.contact_form .gfield_checkbox li input{
    margin-top: 25px;
    height: auto;
}
.contact_form .gfield_checkbox li #choice_2_10_1{
    height:45px !important;
}
.contact_form .gfield_checkbox{
    position:relative;
}
.contact_form .gfield_checkbox .gchoice_2_15_1::before{
    content: 'Web Development';
    font-size: 13px;
    position: absolute;
}
/* .contact_form .gfield_checkbox .gchoice_2_15_5{
    width:137px !important;
} */
/* .contact_form .gfield_checkbox .gchoice_2_15_5::before{
    content: 'Marketing Automation';
    font-size: 13px;
    position: absolute;
} */

.gfield_error select#input_2_8,
.gfield_error select#input_2_9,
.gfield_error input#input_2_1,
.gfield_error input#input_2_2,
.gfield_error input#input_2_4,
.gfield_error input#input_2_5,
.gfield_error input#input_2_11 {
    border-bottom: 1px solid #F44336;
}
/*end mukesh code here*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        padding-right: 18px
    }
}

label {
    position: relative
}

select:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}

select:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
}

@media only screen and (max-width: 480px) {
    .main_our_expertise_section .icon-list ul li {
        width: 40% !important;
    }
}


@media only screen and (max-width: 767px) {
    .main-about-gellery-section .about-gellery-section {
        grid-template-columns: repeat(1, auto);
    }

    .about-gellery-section img {
        height: auto;
        width: 100%;
    }
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media screen and (min-width: 38.75em) {
    ul, ol {
        margin-left: 0;
    }

    li > ul, li > ol, blockquote > ul, blockquote > ol {
        margin-left: 1.3333em;
    }

    blockquote {
        margin-left: -1em;
    }

    blockquote > blockquote {
        margin-left: 0;
    }

    .site-branding {
        min-height: 3.2em;
    }

    .site-title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.0909;
    }

    .site-description {
        display: block;
    }

    .secondary {
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    }

    .main-navigation {
        margin-bottom: 11.1111%;
    }

    .main-navigation ul {
        border-top: 1px solid rgba(51, 51, 51, 0.1);
        border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    }

    .main-navigation ul ul {
        border-top: 0;
        border-bottom: 0;
    }

    .social-navigation {
        margin-bottom: 11.1111%;
    }

    .social-navigation {
        margin-top: 0;
    }

    .widget-area {
        margin-top: 0;
    }

    .widget {
        margin-bottom: 11.1111%;
    }

 /*   .site-main {
            padding: 0;
        }*/

    .hentry.sticky:not(.has-post-thumbnail) {
        padding-top: inherit;
    }
    .hentry + .hentry {
        border-top: 0;
    }

    .page-header {
        border-bottom: 0;
        border-left: 7px solid #333;
        padding: 3.8461% 7.6923%;
    }

    .page-title, .taxonomy-description {
        margin-left: -7px;
    }

    .page-content {
        padding: 9.0909%;
    }

    .site-footer {
        border-top: 0;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        margin: 0 7.6923%;
        padding: 3.84615% 7.6923%;
    }

    .post-navigation {
        border-top: 0;
        margin: 7.6923% 7.6923% 0;
    }

    .post-navigation a {
    }

    .pagination {
        border-top: 0;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        margin: 7.6923% 7.6923% 0;
        padding: 0;
    }

    .pagination .current .screen-reader-text {
        position: absolute !important;
    }

    .pagination .page-numbers {
        display: inline-block;
    }

    .image-navigation {
        padding: 0 9.0909%;
    }

    .comments-area {
        border-top: 0;
        margin: 7.6923% 7.6923% 0;
    }

    .comment-content ul, .comment-content ol {
        margin-left: 0;
    }

    .comment-content li > ul, .comment-content li > ol, .comment-content blockquote > ul, .comment-content blockquote > ol {
        margin-left: 1.3333em;
    }

    .widecolumn {
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        margin: 7.6923%;
    }
}

@media screen and (min-width: 46.25em) {
    body, button, input, select, textarea {
        font-size: 17px;
        line-height: 1.6471;
    }

    button, input {
        line-height: normal;
    }

    p, address,address_2, pre, hr, ul, ol, dl, dd, table {
        margin-bottom: 1.6471em;
    }

    blockquote {
        font-size: 20px;
        line-height: 1.75;
        margin-bottom: 1.75em;
        margin-left: -1.05em;
        padding-left: 0.85em;
    }

    blockquote p {
        margin-bottom: 1.75em;
    }

    blockquote cite, blockquote small {
        font-size: 17px;
        line-height: 1.6471;
    }

    pre {
        line-height: 1.2353;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"], .widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
        font-size: 14px;
        padding: 0.8214em 1.6429em;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
        padding: 0.5em;
    }

    .main-navigation {
        font-size: 14px;
        line-height: 1.5;
    }

    .main-navigation a {
        padding: 1em 0;
    }

    .main-navigation ul ul {
        margin-left: 1em;
    }

    .main-navigation .menu-item-description {
        font-size: 14px;
        line-height: 1.5;
    }

    .social-navigation ul {
        margin-bottom: -1.4706em;
    }

    .social-navigation a {
        height: 2.8824em;
        width: 2.8824em;
    }

    .secondary-toggle {
        height: 56px;
        width: 56px;
    }

    .secondary-toggle:before {
        line-height: 54px;
        width: 54px;
    }

    .post-password-form label, .post-navigation .meta-nav, .image-navigation, .comment-navigation, .author-heading, .author-bio, .entry-footer, .page-links a, .page-links span, .comment-metadata, .pingback .edit-link, .comment-list .reply, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .comment-form label, .form-allowed-tags, .site-info, .wp-caption-text, .gallery-caption, .entry-caption, .widecolumn label, .widecolumn .mu_register label {
        font-size: 14px;
    }

    .pagination .nav-links {
        min-height: 3.2941em;
    }

    .pagination .page-numbers {
        line-height: 3.2941em;
        padding: 0 0.8235em;
    }

    .pagination .prev, .pagination .next {
        height: 56px;
        padding: 0;
        width: 56px;
    }

    .pagination .prev:before, .pagination .next:before {
        height: 56px;
        line-height: 56px;
        width: 56px;
    }

    .image-navigation .nav-previous a:before, .image-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:after {
        top: 2px;
    }

    blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
        margin: 0.4118em 1.6471em 1.6471em 0;
    }

    blockquote.alignright, .wp-caption.alignright, img.alignright {
        margin: 0.4118em 0 1.6471em 1.6471em;
    }

    blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
        margin-top: 0.4118em;
        margin-bottom: 1.6471em;
    }

    .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
        margin-bottom: 1.2353em;
    }

    .site-branding {
        min-height: 3.7059em;
        padding-right: 66px;
    }

    .site-title {
        font-size: 29px;
        line-height: 1.2069;
    }

    .site-description {
        font-size: 14px;
    }

    .widget {
    }

    .widget p, .widget address,address_2, .widget hr, .widget ul, .widget ol, .widget dl, .widget dd, .widget table, .widget pre {
    }

    .widget li > ul, .widget li > ol {
        margin-bottom: 0;
    }

    .widget blockquote {
        font-size: 17px;
        line-height: 1.6471;
        margin-bottom: 1.6471em;
        margin-left: -1.2353em;
        padding-left: 1em;
    }

    .widget blockquote p {
        margin-bottom: 1.6471em;
    }

    .widget blockquote cite, .widget blockquote small {
        font-size: 14px;
        line-height: 1.5;
    }

    .widget blockquote > blockquote {
        margin-left: 0;
    }

    .widget pre {
        line-height: 1.5;
        padding: 0.75em;
    }

    .widget button, .widget input, .widget select, .widget textarea {
        line-height: 1.75;
    }

    .widget button, .widget input {
        line-height: normal;
    }

    .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
        font-size: 14px;
        padding: 0.8214em 1.6429em;
    }

    .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
        padding: 0.5625em;
    }

    .widget blockquote.alignleft, .widget .wp-caption.alignleft, .widget img.alignleft {
        margin: 0.5em 1.5em 1.5em 0;
    }

    .widget blockquote.alignright, .widget .wp-caption.alignright, .widget img.alignright {
        margin: 0.5em 0 1.5em 1.5em;
    }

    .widget blockquote.aligncenter, .widget .wp-caption.aligncenter, .widget img.aligncenter {
        margin-top: 0.5em;
        margin-bottom: 1.5em;
    }

    .widget .wp-caption.alignleft, .widget .wp-caption.alignright, .widget .wp-caption.aligncenter {
        margin-bottom: 1em;
    }

    .widget-title {
        margin: 0 0 1.5em;
    }

    .widget_calendar td, .widget_calendar th {
        line-height: 2.9286;
    }

    .widget_calendar caption {
        margin: 0 0 1.5em;
    }

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
        padding: 0.9643em 0;
    }

    .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
        margin: 0.9643em 0 0 1em;
        padding-top: 0.9643em;
    }

    .widget_rss li {
        margin-bottom: 1.5em;
    }

    .widget_rss .rss-date, .widget_rss cite {
        line-height: 1.75;
    }

    .post-thumbnail {
        margin-bottom: 3em;
    }

    .entry-title, .widecolumn h2 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 1.2em;
    }

    .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
        font-size: 35px;
        line-height: 1.2;
        margin-top: 1.6em;
        margin-bottom: 0.8em;
    }

    .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
        font-size: 29px;
        line-height: 1.2069;
        margin-top: 1.931em;
        margin-bottom: 0.9655em;
    }

    .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
        font-size: 24px;
        line-height: 1.1667;
        margin-top: 2.3333em;
        margin-bottom: 1.1667em;
    }

    .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 2.8em;
        margin-bottom: 1.4em;
    }

    .entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
        font-size: 17px;
        line-height: 1.2353;
        margin-top: 3.2941em;
        margin-bottom: 1.6471em;
    }

    .entry-content .more-link:after, .entry-summary .more-link:after {
        font-size: 24px;
        top: 2px;
    }

    .author-info {
        margin: 0 9.0909%;
        padding: 9.0909% 0;
    }

    .author-info .avatar {
        height: 42px;
        margin: 0 1.6471em 1.6471em 0;
        width: 42px;
    }

    .author-link:after {
        top: 3px;
    }

    .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
        top: 3px;
    }

    .taxonomy-description {
        padding-top: 0.4118em;
    }

    .page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
        font-size: 24px;
        line-height: 1.1667;
    }

    .page-links {
        margin-bottom: 1.4117em;
    }

    .page-links a, .page-links > span {
        margin: 0 0.2857em 0.2857em 0;
    }

    .entry-attachment {
        margin-bottom: 1.6471em;
    }

    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 1.4em;
    }

    .format-link .entry-title a:after {
        top: 0.0833em;
    }

    .comments-title {
        margin-bottom: 1.4em;
    }

    .comment-list article, .comment-list .pingback, .comment-list .trackback {
        padding: 1.6471em 0;
    }

    .comment-list + .comment-respond, .comment-navigation + .comment-respond {
        padding-top: 1.6471em;
    }

    .comment-list .children > li {
        padding-left: 1.2353em;
    }

    .comment-meta {
        position: relative;
    }

    .comment-author {
        margin-bottom: 0;
    }

    .comment-author .avatar {
        height: 42px;
        margin-right: 1.64705em;
        position: relative;
        top: 5px;
        width: 42px;
    }

    .comment-metadata .edit-link:before {
        top: 2px;
    }

    .pingback .edit-link:before {
        top: 6px;
    }

    .bypostauthor > article .fn:after {
        top: 7px;
        left: 6px;
    }

    .comment-content ul, .comment-content ol {
        margin-bottom: 1.6471em;
    }

    .comment-list .reply a {
        padding: 0.4286em 0.8571em;
    }

    .comment-form, .no-comments {
        padding-top: 1.6471em;
    }

    .comment-reply-title small a:before {
        top: -1px;
    }

    embed, iframe, object, video {
        margin-bottom: 1.6471em;
    }

    .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
        font-size: 17px;
        margin-bottom: 1.6471em;
    }

    .wp-caption, .gallery {
        margin-bottom: 1.6471em;
    }

    .widecolumn .mu_alert {
        margin-bottom: 1.6471em;
    }

    .widecolumn p {
        margin: 1.6471em 0;
    }

    .widecolumn p + h2 {
        margin-top: 1.6em;
    }

    .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
        font-size: 17px;
        line-height: normal;
    }

    .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
        margin: 0 0 0.4117em;
    }
}

@media screen and (min-width: 55em) {
    body, button, input, select, textarea {
        font-size: 19px;
        line-height: 1.6842;
    }

    button, input {
        line-height: normal;
    }

    p, address,address_2, pre, hr, ul, ol, dl, dd, table {
        margin-bottom: 1.6842em;
    }

    blockquote {
        font-size: 22px;
        line-height: 1.8182;
        margin-bottom: 1.8182em;
        margin-left: -1.0909em;
        padding-left: 0.9091em;
    }

    blockquote p {
        margin-bottom: 1.8182em;
    }

    blockquote cite, blockquote small {
        font-size: 19px;
        line-height: 1.6842;
    }

    pre {
        line-height: 1.2632;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"], .widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
        font-size: 16px;
        padding: 0.8125em 1.625em;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
        padding: 0.5278em;
    }

    .main-navigation {
        font-size: 16px;
        line-height: 1.5;
    }

    .main-navigation a {
        padding: 0.75em 0;
    }

    .main-navigation .menu-item-description {
        font-size: 16px;
        line-height: 1.5;
    }

    .social-navigation ul {
        margin-bottom: -1.2632em;
    }

    .social-navigation a {
        height: 2.5263em;
        width: 2.5263em;
    }

    .secondary-toggle {
        height: 64px;
        width: 64px;
    }

    .secondary-toggle:before {
        line-height: 62px;
        width: 62px;
    }

    .post-password-form label, .post-navigation .meta-nav, .comment-navigation, .image-navigation, .author-heading, .author-bio, .entry-footer, .page-links a, .page-links span, .comment-metadata, .pingback .edit-link, .comment-list .reply, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .comment-form label, .form-allowed-tags, .site-info, .wp-caption-text, .gallery-caption, .entry-caption, .widecolumn label, .widecolumn .mu_register label {
        font-size: 16px;
    }

    .pagination .nav-links {
        min-height: 3.3684em;
    }

    .pagination .page-numbers {
        line-height: 3.3684em;
        padding: 0 0.8421em;
    }

    .pagination .prev, .pagination .next {
        height: 64px;
        padding: 0;
        width: 64px;
    }

    .pagination .prev:before, .pagination .next:before {
        height: 64px;
        line-height: 64px;
        width: 64px;
    }

    .image-navigation .nav-previous a:before, .image-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:after {
        font-size: 24px;
        top: -1px;
    }

    blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
        margin: 0.4211em 1.6842em 1.6842em 0;
    }

    blockquote.alignright, .wp-caption.alignright, img.alignright {
        margin: 0.4211em 0 1.6842em 1.6842em;
    }

    blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
        margin-top: 0.4211em;
        margin-bottom: 1.6842em;
    }

    .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
        margin-bottom: 1.2632em;
    }

    .site-branding {
        min-height: 3.7895em;
        padding-right: 74px;
    }

    .site-title {
        font-size: 32px;
        line-height: 1.25;
    }

    .site-description {
        font-size: 16px;
    }

    .widget {
    }

    .widget blockquote {
        font-size: 19px;
        line-height: 1.6842;
        margin-bottom: 1.6842em;
        margin-left: -1.2632em;
        padding-left: 1.0526em;
    }

    .widget blockquote p {
        margin-bottom: 1.6842em;
    }

    .widget blockquote cite, .widget blockquote small {
        font-size: 16px;
    }

    .widget button, .widget input, .widget select, .widget textarea {
        line-height: 1.5;
    }

    .widget button, .widget input {
        line-height: normal;
    }

    .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
        font-size: 16px;
        padding: 0.8125em 1.625em;
    }

    .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
        padding: 0.75em;
    }

    .widget .wp-caption-text, .widget .gallery-caption {
        line-height: 1.5;
    }

    .widget_calendar td, .widget_calendar th {
        line-height: 2.9375;
    }

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
        padding: 0.7188em 0;
    }

    .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
        margin: 0.7188em 0 0 1em;
        padding-top: 0.7188em;
    }

    .widget_rss .rss-date, .widget_rss cite {
        font-size: 13px;
        line-height: 1.8462;
    }

    .post-thumbnail {
        margin-bottom: 2.9474em;
    }

    .entry-title, .widecolumn h2 {
        font-size: 39px;
        line-height: 1.2308;
        margin-bottom: 1.2308em;
    }

    .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
        font-size: 39px;
        line-height: 1.2308;
        margin-top: 1.641em;
        margin-bottom: 0.8205em;
    }

    .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
        font-size: 32px;
        line-height: 1.25;
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
        font-size: 27px;
        line-height: 1.1852;
        margin-top: 2.3704em;
        margin-bottom: 1.1852em;
    }

    .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
        font-size: 22px;
        line-height: 1.4545;
        margin-top: 2.9091em;
        margin-bottom: 1.4545em;
    }

    .entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
        font-size: 19px;
        line-height: 1.2632;
        margin-top: 3.3684em;
        margin-bottom: 1.6842em;
    }

    .entry-content .more-link:after, .entry-summary .more-link:after {
        top: 3px;
    }

    .author-info .avatar {
        height: 56px;
        margin: 0 1.6842em 1.6842em 0;
        width: 56px;
    }

    .author-link:after {
        font-size: 24px;
        top: 0;
    }

    .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
        top: 4px;
    }

    .taxonomy-description {
        padding-top: 0.4211em;
    }

    .page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
        font-size: 27px;
        line-height: 1.1852;
    }

    .page-links {
        margin-bottom: 1.4736em;
    }

    .page-links a, .page-links > span {
        margin: 0 0.25em 0.25em 0;
    }

    .entry-attachment {
        margin-bottom: 1.6842em
    }

    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 22px;
        line-height: 1.4545;
        margin-bottom: 1.4545em;
    }

    .format-link .entry-title a:after {
        top: 0.125em;
    }

    .comments-title {
        margin-bottom: 1.4545em;
    }

    .comment-list article, .comment-list .pingback, .comment-list .trackback {
        padding: 1.6842em 0;
    }

    .comment-list + .comment-respond, .comment-navigation + .comment-respond {
        padding-top: 1.6842em;
    }

    .comment-list .children > li {
        padding-left: 1.4737em;
    }

    .comment-author .avatar {
        height: 56px;
        margin-right: 1.6842em;
        top: 3px;
        width: 56px;
    }

    .comment-metadata {
        line-height: 2;
    }

    .comment-metadata .edit-link:before {
        top: 8px;
    }

    .pingback .edit-link:before {
        top: 8px;
    }

    .bypostauthor > article .fn:after {
        top: 8px;
    }

    .comment-content ul, .comment-content ol {
        margin-bottom: 1.6842em;
    }

    .comment-list .reply a {
        padding: 0.4375em 0.875em;
    }

    .comment-form, .no-comments {
        padding-top: 1.6842em;
    }

    embed, iframe, object, video {
        margin-bottom: 1.6842em;
    }

    .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
        font-size: 19px;
        margin-bottom: 1.6842em;
    }

    .wp-caption, .gallery {
        margin-bottom: 1.6842em;
    }

    .widecolumn .mu_alert {
        margin-bottom: 1.6842em;
    }

    .widecolumn p {
        margin: 1.6842em 0;
    }

    .widecolumn p + h2 {
        margin-top: 1.641em;
    }

    .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
        font-size: 19px;
    }

    .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
        margin: 0 0 0.421em;
    }
}

@media screen and (min-width: 59.6875em) {
    body:before {
        background-color: #fff;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        content: "";
        display: block;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 29.4118%;
        z-index: 0;
        display: none;
    }

    .site {
        margin: 0 auto;
        max-width: 1170px;
    }

    .sidebar {
        float: left;
        margin-right: -100%;
        max-width: 413px;
        position: relative;
        width: 29.4118%;
    }

    .secondary {
        background-color: transparent;
        box-shadow: none;
        display: block;
        margin: 0;
        padding: 0;
    }

    .site-main {
        padding: 0;
    }

    .site-content {
        display: block;
        float: none;
        margin: 40px 0;
    }

    body {
        font-size: 15px;
        line-height: 1.6;
    }

    p, address,address_2, pre, hr, ul, ol, dl, dd, table {
        margin-bottom: 1.6em;
    }

    blockquote {
        font-size: 18px;
        line-height: 1.6667;
        margin-bottom: 1.6667em;
        margin-left: -1.3333em;
        padding-left: 1.1111em;
    }

    blockquote cite, blockquote small {
        font-size: 15px;
        line-height: 1.6;
    }

    pre {
        line-height: 1.2;
    }

    button, input, select, textarea {
        font-size: 16px;
        line-height: 1.5;
    }

    button, input {
        line-height: normal;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"], .widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
        font-size: 12px;
        padding: 0.7917em 1.5833em;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
        padding: 0.375em;
    }

    .main-navigation {
        font-size: 12px;
        margin: 0 20% 20%;
    }

    .main-navigation a {
        padding: 0.5em 0;
    }

    .main-navigation .menu-item-has-children > a {
        padding-right: 30px;
    }

    .main-navigation .menu-item-description {
        font-size: 12px;
        line-height: 1.5;
    }

    .dropdown-toggle {
        height: 24px;
        width: 24px;
    }

    .dropdown-toggle:after {
        font-size: 16px;
        line-height: 24px;
        width: 24px;
    }

    .social-navigation {
        margin: 0 20% 20%;
    }

    .social-navigation ul {
        margin-bottom: -1.6em;
    }

    .social-navigation li {
        width: 25%;
    }

    .social-navigation a {
        height: 3.2em;
    }

    .secondary-toggle {
        display: none;
    }

    .post-password-form label, .post-navigation .meta-nav, .comment-navigation, .image-navigation, .author-heading, .author-bio, .entry-footer, .page-links a, .page-links span, .comment-metadata, .pingback .edit-link, .comment-list .reply, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .comment-form label, .form-allowed-tags, .site-info, .wp-caption-text, .gallery-caption, .entry-caption, .widecolumn label, .widecolumn .mu_register label {
        font-size: 12px;
    }

    .post-navigation {
        margin: 0;
    }

    .post-navigation a {
        padding: 20px 0;
    }

    .pagination {
        margin: 8.333% 8.333% 0;
    }

    .pagination .nav-links {
        min-height: 3.2em;
    }

    .pagination .page-numbers {
        line-height: 3.2em;
        padding: 0 0.8em;
    }

    .pagination .prev, .pagination .next {
        height: 48px;
        padding: 0;
        width: 48px;
    }

    .pagination .prev:before, .pagination .next:before {
        height: 48px;
        line-height: 48px;
        width: 48px;
    }

    .image-navigation .nav-previous a:before, .image-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:after {
        font-size: 16px;
        top: 0;
    }

    .image-navigation {
        padding: 0 10%;
    }

    blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
        margin: 0.4em 1.6em 1.6em 0;
    }

    blockquote.alignright, .wp-caption.alignright, img.alignright {
        margin: 0.4em 0 1.6em 1.6em;
    }

    blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
        clear: both;
        margin-top: 0.4em;
        margin-bottom: 1.6em;
    }

    .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
        margin-bottom: 1.2em;
    }

    .site-header {
        background-color: transparent;
        border-bottom: 0;
        margin: 20% 0;
        padding: 0 20%;
    }

    .site-branding {
        min-height: 0;
        padding: 0;
    }

    .site-title {
        font-size: 22px;
        line-height: 1.3636;
    }

    .site-description {
        font-size: 12px;
    }

    .widget {
        margin: 0 0 20px;
    }

    .widget blockquote {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 1.5em;
        margin-left: -1.5em;
        padding-left: 1.1667em;
    }

    .widget blockquote p {
        margin-bottom: 1.5em;
    }

    .widget blockquote cite, .widget blockquote small {
        font-size: 12px;
    }

    .widget pre {
        padding: 0.5em;
    }

    .widget button, .widget input, .widget select, .widget textarea {
        font-size: 12px;
    }

    .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
        font-size: 12px;
        padding: 0.5417em 1.0833em;
    }

    .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
        padding: 0.4583em;
    }

    .widget .wp-caption-text, .widget .gallery-caption {
        font-size: 12px;
    }

    .widget_calendar td, .widget_calendar th {
        line-height: 1.9167;
    }

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
        padding: 0.4583em 0;
    }

    .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
        margin: 0.4583em 0 0 1em;
        padding-top: 0.4583em;
    }

    .widget_rss .rss-date, .widget_rss cite {
        font-size: 12px;
        line-height: 1.5;
    }
    .hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
        margin-top: 8.3333%;
    }

    .post-thumbnail {
        margin-bottom: 2.4em;
    }
    .entry-title, .widecolumn h2 {
        font-size: 31px;
        line-height: 1.1613;
        margin-bottom: 1.1613em;
    }
    .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
        font-size: 31px;
        line-height: 1.1613;
        margin-top: 1.5484em;
        margin-bottom: 0.7742em;
    }

    .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
        font-size: 26px;
        line-height: 1.3846;
        margin-top: 1.8462em;
        margin-bottom: 0.9231em;
    }

    .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
        font-size: 22px;
        line-height: 1.3636;
        margin-top: 2.1818em;
        margin-bottom: 1.0909em;
    }

    .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
        font-size: 18px;
        line-height: 1.3333;
        margin-top: 2.6667em;
        margin-bottom: 1.3333em;
    }

    .entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
        font-size: 15px;
        line-height: 1.2;
        margin-top: 3.2em;
        margin-bottom: 1.6em;
    }

    .entry-content .more-link:after, .entry-summary .more-link:after {
        font-size: 16px;
        top: 5px;
    }

    .author-info {
        margin: 0 10%;
        padding: 10% 0;
    }

    .author-info .avatar {
        height: 36px;
        margin: 0 1.5em 1.5em 0;
        width: 36px;
    }

    .author-link:after {
        font-size: 16px;
        top: 1px;
    }

    .entry-footer {
        padding: 5% 10%;
    }

    .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
        top: 0;
    }

    .page-header {
        padding: 4.1666% 8.3333%;
    }

    .page-content {
        padding: 8.3333%;
    }

    .taxonomy-description {
        padding-top: 0.4em;
    }

    .page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
        font-size: 18px;
        line-height: 1.3333;
    }

    .page-links {
        margin-bottom: 1.3333em;
    }

    .page-links a, .page-links > span {
        margin: 0 0.3333em 0.3333em 0;
    }

    .entry-attachment {
        margin-bottom: 1.6em;
    }

    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 18px;
        line-height: 1.3333;
        margin-bottom: 1.3333em;
    }

    .format-link .entry-title a:after {
        top: 0;
    }

    .comments-area {
        margin: 8.3333% 8.3333% 0;
        padding: 8.3333%;
    }

    .comments-title {
        margin-bottom: 1.3333em;
    }

    .comment-list article, .comment-list .pingback, .comment-list .trackback {
        padding: 1.6em 0;
    }

    .comment-list + .comment-respond, .comment-navigation + .comment-respond {
        padding-top: 1.6em;
    }

    .comment-list .children > li {
        padding-left: 0.8em;
    }

    .comment-author {
        margin-bottom: 0.4em;
    }

    .comment-author .avatar {
        height: 24px;
        margin-right: 0.8em;
        top: 0;
        width: 24px;
    }

    .comment-metadata .edit-link:before {
        top: 3px;
    }

    .pingback .edit-link:before {
        top: 5px;
    }

    .bypostauthor > article .fn:after {
        top: 5px;
        left: 3px;
    }

    .comment-content ul, .comment-content ol {
        margin-bottom: 2em;
    }

    .comment-list .reply a {
        padding: 0.4167em 0.8333em;
    }

    .comment-form, .no-comments {
        padding-top: 1.6em;
    }

    .comment-reply-title small a:before {
        top: -3px;
    }

    .site-footer {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .site-info {
        padding: 5% 10%;
    }

    embed, iframe, object, video {
        margin-bottom: 1.6em;
    }

    .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
        font-size: 15px;
        margin-bottom: 1.6em;
    }

    .wp-caption, .gallery {
        margin-bottom: 1.6em;
    }

    .widecolumn {
        margin: 8.3333%;
        padding: 8.3333%;
    }

    .widecolumn .mu_alert {
        margin-bottom: 1.6em;
    }

    .widecolumn p {
        margin: 1.6em 0;
    }

    .widecolumn p + h2 {
        margin-top: 1.5484em;
    }

    .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
        font-size: 16px;
    }

    .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
        margin: 0 0 0.375em;
    }
}

@media screen and (min-width: 68.75em) {
    body, button, input, select, textarea {
        font-size: 17px;
        line-height: 1.6471;
    }

    button, input {
        line-height: normal;
    }

    p, address,address_2, pre, hr, ul, ol, dl, dd, table {
        margin-bottom: 1.6471em;
    }

    blockquote {
        font-size: 20px;
        line-height: 1.75;
        margin-bottom: 1.75em;
        margin-left: -1.05em;
        padding-left: 0.85em;
    }

    blockquote p {
        margin-bottom: 1.75em;
    }

    blockquote cite, blockquote small {
        font-size: 17px;
        line-height: 1.6471;
    }

    pre {
        line-height: 1.2353;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"], .widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
        font-size: 14px;
        padding: 0.8214em 1.5714em;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
        padding: 0.5em;
    }

    .main-navigation {
        font-size: 14px;
    }

    .main-navigation a {
        padding: 0.4643em 0;
    }

    .main-navigation .menu-item-has-children > a {
        padding-right: 34px;
    }

    .main-navigation .menu-item-description {
        line-height: 1.4583;
        margin-top: 0.25em;
    }

    .dropdown-toggle {
        height: 28px;
        width: 28px;
    }

    .dropdown-toggle:after {
        line-height: 28px;
        width: 28px;
    }

    .social-navigation ul {
        margin-bottom: -1.4706em;
    }

    .social-navigation li {
        width: 20%;
    }

    .social-navigation a {
        height: 2.8824em;
    }

    .post-password-form label, .post-navigation .meta-nav, .comment-navigation, .image-navigation, .author-heading, .author-bio, .entry-footer, .page-links a, .page-links span, .comment-metadata, .pingback .edit-link, .comment-list .reply, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .comment-form label, .form-allowed-tags, .site-info, .wp-caption-text, .gallery-caption, .entry-caption, .widecolumn label, .widecolumn .mu_register label {
        font-size: 14px;
    }

    .pagination .nav-links {
        min-height: 3.2941em;
    }

    .pagination .page-numbers {
        line-height: 3.2941em;
        padding: 0 0.8235em;
    }

    .pagination .prev, .pagination .next {
        height: 56px;
        padding: 0;
        width: 56px;
    }

    .pagination .prev:before, .pagination .next:before {
        height: 56px;
        line-height: 56px;
        width: 56px;
    }

    .image-navigation .nav-previous a:before, .image-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:after {
        top: 2px;
    }

    blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
        margin: 0.4118em 1.6471em 1.6471em 0;
    }

    blockquote.alignright, .wp-caption.alignright, img.alignright {
        margin: 0.4118em 0 1.6471em 1.6471em;
    }

    blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
        margin-top: 0.4118em;
        margin-bottom: 1.6471em;
    }

    .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
        margin-bottom: 1.2353em;
    }

    .site-title {
        font-size: 24px;
        line-height: 1.1667;
    }

    .site-description {
        font-size: 14px;
    }
    .widget blockquote {
        font-size: 14px;
        padding-left: 1.2143em;
    }

    .widget button, .widget input, .widget select, .widget textarea {
        font-size: 14px;
    }

    .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
        font-size: 12px;
        padding: 0.75em 1.5em;
    }

    .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
        padding: 0.5em;
    }

    .widget .wp-caption-text, .widget .gallery-caption {
        line-height: 1.4583;
        padding: 0.5833em 0;
    }

    .widget_calendar caption {
        margin: 0 0 1.9286em;
    }

    .widget_calendar td, .widget_calendar th {
        line-height: 1.9286;
    }

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
        padding: 0.4643em 0;
    }

    .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
        margin: 0.4643em 0 0 1em;
        padding-top: 0.4643em;
    }

    .widget_rss .rss-date, .widget_rss cite {
        line-height: 1.75;
    }

    .post-thumbnail {
        margin-bottom: 2.4706em;
    }

    .entry-title, .widecolumn h2 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 1.2em;
    }

    .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
        font-size: 35px;
        line-height: 1.2;
        margin-top: 1.6em;
        margin-bottom: 0.8em;
    }

    .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
        font-size: 29px;
        line-height: 1.2069;
        margin-top: 1.931em;
        margin-bottom: 0.9655em;
    }

    .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
        font-size: 24px;
        line-height: 1.1667;
        margin-top: 2.3333em;
        margin-bottom: 1.1667em;
    }

    .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
        font-size: 20px;
        line-height: 1.4;
        margin-top: 2.8em;
        margin-bottom: 1.4em;
    }

    .entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
        font-size: 17px;
        line-height: 1.2353;
        margin-top: 3.2941em;
        margin-bottom: 1.6471em;
    }

    .entry-content .more-link:after, .entry-summary .more-link:after {
        font-size: 24px;
        top: 2px;
    }

    .author-info .avatar {
        height: 42px;
        margin: 0 1.6471em 1.6471em 0;
        width: 42px;
    }

    .author-link:after {
        top: 3px;
    }

    .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
        top: 3px;
    }

    .taxonomy-description {
        padding-top: 0.4118em;
    }

    .page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
        font-size: 24px;
        line-height: 1.1667;
    }

    .page-links {
        margin-bottom: 1.4117em;
    }

    .page-links a, .page-links > span {
        margin: 0 0.2857em 0.2857em 0;
    }

    .entry-attachment {
        margin-bottom: 1.6471em;
    }

    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 1.4em;
    }

    .format-link .entry-title a:after {
        top: 0.0833em;
    }

    .comments-title {
        margin-bottom: 1.4em;
    }

    .comment-list article, .comment-list .pingback, .comment-list .trackback {
        padding: 1.6471em 0;
    }

    .comment-list + .comment-respond, .comment-navigation + .comment-respond {
        padding-top: 1.6471em;
    }

    .comment-list .children > li {
        padding-left: 1.1667em;
    }

    .comment-author {
        margin-bottom: 0;
    }

    .comment-author .avatar {
        height: 42px;
        margin-right: 1.64705em;
        top: 5px;
        width: 42px;
    }

    .bypostauthor > article .fn:after {
        top: 7px;
        left: 6px;
    }

    .comment-metadata .edit-link:before {
        top: 6px;
    }

    .pingback .edit-link:before {
        top: 6px;
    }

    .comment-content ul, .comment-content ol {
        margin-bottom: 1.6471em;
    }

    .comment-list .reply a {
        padding: 0.4286em 0.8571em;
    }

    .comment-form, .no-comments {
        padding-top: 1.6471em;
    }

    .comment-reply-title small a:before {
        top: -1px;
    }

    embed, iframe, object, video {
        margin-bottom: 1.6471em;
    }

    .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
        font-size: 17px;
        margin-bottom: 1.6471em;
    }

    .wp-caption, .gallery {
        margin-bottom: 1.6471em;
    }

    .widecolumn .mu_alert {
        margin-bottom: 1.6471em;
    }

    .widecolumn p {
        margin: 1.6471em 0;
    }

    .widecolumn p + h2 {
        margin-top: 1.6em;
    }

    .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
        font-size: 17px;
    }

    .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
        margin: 0 0 0.4117em;
    }
}

@media screen and (min-width: 77.5em) {
    body, button, input, select, textarea {
        font-size: 19px;
        line-height: 1.6842;
    }

    button, input {
        line-height: normal;
    }

    p, address,address_2, pre, hr, ul, ol, dl, dd, table {
        margin-bottom: 1.6842em;
    }

    blockquote {
        font-size: 22px;
        line-height: 1.8182;
        margin-bottom: 1.8182em;
        margin-left: -1.0909em;
        padding-left: 0.9091em;
    }

    blockquote p {
        margin-bottom: 1.8182em;
    }

    blockquote cite, blockquote small {
        font-size: 19px;
        line-height: 1.6842;
    }

    pre {
        line-height: 1.2632;
    }

    button, input[type="button"], input[type="reset"], input[type="submit"], .post-password-form input[type="submit"], .widecolumn #submit, .widecolumn .mu_register input[type="submit"] {
        font-size: 16px;
        padding: 0.8125em 1.625em;
    }

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
        padding: 0.5278em;
    }

    .main-navigation {
        font-size: 16px;
    }

    .main-navigation a {
        padding: 0.5em 0;
    }

    .main-navigation .menu-item-has-children > a {
        padding-right: 38px;
    }

    .main-navigation .menu-item-description {
        font-size: 13px;
        line-height: 1.5385;
        margin-top: 0.3077em;
    }

    .dropdown-toggle {
        height: 32px;
        top: 4px;
        width: 32px;
    }

    .dropdown-toggle:after {
        line-height: 32px;
        width: 32px;
    }

    .social-navigation ul {
        margin-bottom: -1.2632em;
    }

    .social-navigation a {
        height: 2.5263em;
    }

    .post-password-form label, .post-navigation .meta-nav, .comment-navigation, .image-navigation, .author-heading, .author-bio, .entry-footer, .page-links a, .page-links span, .comment-metadata, .pingback .edit-link, .comment-list .reply, .comment-notes, .comment-awaiting-moderation, .logged-in-as, .comment-form label, .form-allowed-tags, .site-info, .wp-caption-text, .gallery-caption, .entry-caption, .widecolumn label, .widecolumn .mu_register label {
        font-size: 16px;
    }

    .pagination .nav-links {
        min-height: 3.3684em;
    }

    .pagination .page-numbers {
        line-height: 3.3684em;
        padding: 0 0.8421em;
    }

    .pagination .prev, .pagination .next {
        height: 64px;
        padding: 0;
        width: 64px;
    }

    .pagination .prev:before, .pagination .next:before {
        height: 64px;
        line-height: 64px;
        width: 64px;
    }

    .image-navigation .nav-previous a:before, .image-navigation .nav-next a:after, .comment-navigation .nav-previous a:before, .comment-navigation .nav-next a:after {
        font-size: 24px;
        top: -1px;
    }

    blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
        margin: 0.4211em 1.6842em 1.6842em 0;
    }

    blockquote.alignright, .wp-caption.alignright, img.alignright {
        margin: 0.4211em 0 1.6842em 1.6842em;
    }

    blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
        margin-top: 0.4211em;
        margin-bottom: 1.6842em;
    }

    .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
        margin-bottom: 1.2632em;
    }

    .site-title {
        font-size: 27px;
        line-height: 1.1852;
    }

    .site-description {
        font-size: 16px;
    }

    .widget {
    }

    .widget blockquote {
        font-size: 16px;
        padding-left: 1.25em;
    }

    .widget blockquote cite, .widget blockquote small {
        font-size: 13px;
        line-height: 1.8462;
    }

    .widget button, .widget input, .widget select, .widget textarea {
    }

    .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
        font-size: 13px;
        padding: 0.8462em 1.6923em;
    }

    .widget input[type="text"], .widget input[type="email"], .widget input[type="url"], .widget input[type="password"], .widget input[type="search"], .widget textarea {
        padding: 0.5em;
    }

    .widget .wp-caption-text, .widget .gallery-caption {
        font-size: 13px;
        line-height: 1.5385;
        padding: 0.6154em 0;
    }

    .widget_calendar td, .widget_calendar th {
        line-height: 1.9375;
    }

    .widget_calendar caption {
        margin: 0 0 1.5em;
    }

    .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
        padding: 0.4688em 0;
    }

    .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children {
        margin: 0.4688em 0 0 1em;
        padding-top: 0.4688em;
    }

    .widget_rss .rss-date, .widget_rss cite {
        font-size: 13px;
        line-height: 1.8462;
    }

    .post-thumbnail {
        margin-bottom: 2.9474em;
    }

    .entry-title, .widecolumn h2 {
        font-size: 39px;
        line-height: 40px;
        margin-bottom: 1.2308em;
    }

    .entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {
        font-size: 39px;
        line-height: 1.2308;
        margin-top: 1.641em;
        margin-bottom: 0.8205em;
    }

    .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
        font-size: 27px;
        line-height: 1.1852;
        margin-top: 2.3704em;
        margin-bottom: 1.1852em;
    }

    .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
        font-size: 22px;
        line-height: 1.4545;
        margin-top: 2.9091em;
        margin-bottom: 1.4545em;
    }

    .entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 {
        font-size: 19px;
        line-height: 1.2632;
        margin-top: 3.3684em;
        margin-bottom: 1.6842em;
    }

    .entry-content .more-link:after, .entry-summary .more-link:after {
        top: 3px;
    }

    .author-info .avatar {
        height: 56px;
        margin: 0 1.6842em 1.6842em 0;
        width: 56px;
    }

    .author-link:after {
        font-size: 24px;
        top: 0;
    }

    .posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .entry-format:before, .edit-link:before, .full-size-link:before {
        top: 12px;
    }

    .taxonomy-description {
        padding-top: 0.4211em;
    }

    .page-title, .comments-title, .comment-reply-title, .post-navigation .post-title {
        font-size: 27px;
        line-height: 1.1852;
    }

    .page-links {
        margin-bottom: 1.4736em;
    }

    .page-links a, .page-links > span {
        margin: 0 0.25em 0.25em 0;
    }

    .entry-attachment {
        margin-bottom: 1.6842em;
    }

    .format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
        font-size: 22px;
        line-height: 1.4545;
        margin-bottom: 1.4545em;
    }

    .format-link .entry-title a:after {
        top: 3px;
    }

    .comments-title {
        margin-bottom: 1.4545em;
    }

    .comment-list article, .comment-list .pingback, .comment-list .trackback {
        padding: 1.6842em 0;
    }

    .comment-list + .comment-respond, .comment-navigation + .comment-respond {
        padding-top: 1.6842em;
    }

    .comment-list .children > li {
        padding-left: 1.4737em;
    }

    .comment-author .avatar {
        height: 56px;
        margin-right: 1.6842em;
        top: 3px;
        width: 56px;
    }

    .bypostauthor > article .fn:after {
        top: 8px;
    }

    .comment-metadata .edit-link:before {
        top: 8px;
    }

    .pingback .edit-link:before {
        top: 8px;
    }

    .comment-content ul, .comment-content ol {
        margin-bottom: 1.6842em;
    }

    .comment-list .reply a {
        padding: 0.4375em 0.875em;
    }

    .comment-form, .no-comments {
        padding-top: 1.6842em;
    }

    embed, iframe, object, video {
        margin-bottom: 1.6842em;
    }

    .wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {
        font-size: 19px;
        margin-bottom: 1.6842em;
    }

    .wp-caption, .gallery {
        margin-bottom: 1.6842em;
    }

    .widecolumn .mu_alert {
        margin-bottom: 1.6842em;
    }

    .widecolumn p {
        margin: 1.6842em 0;
    }

    .widecolumn p + h2 {
        margin-top: 1.641em;
    }

    .widecolumn #key, .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #blogname, .widecolumn .mu_register #user_name {
        font-size: 19px;
    }

    .widecolumn .mu_register #blog_title, .widecolumn .mu_register #user_email, .widecolumn .mu_register #user_name {
        margin: 0 0 0.421em;
    }
}

@media screen and (min-width: 87.6875em) {
    body:before {
        width: -webkit-calc(50% - 289px);
        width: calc(50% - 289px);
        display: none;
    }
}

@media print {
    body {
        background: none !important;
        font-size: 11.25pt;
    }

    .secondary-toggle, .navigation, .page-links, .edit-link, #reply-title, .comment-form, .comment-edit-link, .comment-list .reply a, button, input, textarea, select, .widecolumn form, .widecolumn .mu_register form {
        display: none;
    }

    .site-header, .site-footer, .hentry, .entry-footer, .page-header, .page-content, .comments-area, .widecolumn {
        background: none !important;
    }

    body, blockquote, blockquote cite, blockquote small, label, a, .site-title a, .site-description, .post-title, .author-heading, .entry-footer, .entry-footer a, .taxonomy-description, .entry-caption, .comment-author, .comment-metadata, .comment-metadata a, .comment-notes, .comment-awaiting-moderation, .no-comments, .site-info, .site-info a, .wp-caption-text, .gallery-caption {
        color: #000 !important;
    }

    pre, abbr[title], table, th, td, .site-header, .site-footer, .hentry + .hentry, .author-info, .page-header, .comments-area, .comment-list + .comment-respond, .comment-list article, .comment-list .pingback, .comment-list .trackback, .no-comments {
        border-color: #eaeaea !important;
    }

    .site {
        margin: 0 7.6923%;
    }

    .sidebar {
        position: relative !important;
    }

    .site-branding {
        padding: 0;
    }

    .site-header {
        padding: 7.6923% 0;
    }

    .site-description {
        display: block;
    }

    .hentry + .hentry {
        margin-top: 7.6923%;
    }

    .hentry.has-post-thumbnail {
        padding-top: 7.6923%;
    }

    .sticky-post {
        background: #000 !important;
        color: #fff !important;
    }

    .entry-header, .entry-footer {
        padding: 0;
    }

    .entry-content, .entry-summary {
        padding: 0 0 7.6923%;
    }

    .post-thumbnail img {
        margin: 0;
    }

    .author-info {
        margin: 0;
    }

    .page-content {
        padding: 7.6923% 0 0;
    }

    .page-header {
        padding: 3.84615% 0;
    }

    .comments-area {
        border: 0;
        padding: 7.6923% 0 0;
    }

    .site-footer {
        margin-top: 7.6923%;
        padding: 3.84615% 0;
    }

    .widecolumn {
        margin: 7.6923% 0 0;
        padding: 0;
    }
}

.view-more, .btn-theme {
    background-color: rgb(78, 159, 222);
    clear: both;
    height: 50px;
    text-align: center;
    width: 14%;
    min-width: 150px;
    display: block;
    margin: auto;
    transition: all 0.3s;
}

.portfo-ttl {
    text-align: center;
    margin: 40px 0 0;
}

#portfo {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.portfo-back .port_title {
    color: #4E9FDE;
}

.portfo-front {
    max-height: 150px;
    overflow: hidden;
}

.portfo-back {
    text-align: left;
    padding: 20px;
}

#portfo .hover_labels a {
    background-color: #4E9FDE;
    line-height: 30px;
    padding: 0 5px;
    margin-top: 10px;
    margin-left: 0;
    color: #FFF;
    transition: all 0.3s;
}

#portfo .hover_labels a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #7C7C7C;
}

.all.portfo-item.port.col-md-6 {
    padding: 0;
}

.portfo-front a img {
    height: 100%
}

.entry-content .portfo-ttl h2 {
    border-bottom: 1px solid #ccc;
    max-width: 250px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.view-more a, .btn-theme a {
    display: block;
    line-height: 50px;
    color: #FFF;
    transition: all 0.3s;
}

.view-more a:hover, .btn-theme a:hover, .btn-theme:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #7C7C7C;
}


.phone_section {
    text-align: right;
}

a#phone_call:before {
    font-family: FontAwesome;
    content: "\f10b";
    position: absolute;
    top: 2px;
    font-size: 22px;
    left: -22px;
}

.header_container .col-sm-6 {
    position: relative;
    top: 6px;
}

div#footer4 img {
    max-width: 28px;
    margin: 0 10px 0 0;
}

div#footer4 p {
    margin: 0 0 10px;
}

.posts_layout.testimonials_layout {
    width: 40%;
    float: left;
}

.all.testimonials-item.port.col-md-full {
    position: relative;
}

.testimonials_image::after {
    border-bottom: 20px solid rgba(0, 0, 0, 0);
    border-left: 20px solid #f7f7f7;
    bottom: -9px;
    box-shadow: -1px -1px 1px #b1b1b1;
    content: "";
    left: 60px;
    position: absolute;
    transform: rotate(225deg);
}

.testimonials_image {
    min-height: 180px;
    border: 1px solid #ccc;
    position: relative;
}

.post-author {
    display: block;
    margin: auto;
    margin-top: 20px;
    width: 220px;
}

.testimonials_desc {
    padding: 20px;
}

.all.testimonials-item.port {
    box-shadow: none;
    border: none;
    padding: 0;
}

.posts_layout.homeblog_layout {
    width: 60%;
    float: left;
}

br {
    display: none;
}

.all.homeblog-item.port.col-md-6 {
    min-height: 340px;
}

.homeblog-front, .homeblog-front a img {
    max-height: 100px;
}

.label_title {
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    font-style: normal;
    font-family: "Poppins", sans-serif;
}

#send_form {
    padding: 12px;
    margin-top: 12px;
}

.nav-button {
    display: none;
}

.footer-certificate-section {
    display: flex;
    column-gap: 160px;
    margin-bottom: 20px;
}

.footer-certificate-section .icon-1 img {
    filter: brightness(4.5);
}

.footer-certificate-section .icon-2 img {
    filter: brightness(1.5);
}

footer.site-footer a {
    font-weight: 300;
    color: #ffffff !important;
    text-decoration: none !important;
}

.serve {
    padding-bottom: -0px;
}

footer.site-footer a:hover , footer.site-footer i:hover {
    color: #FFF !important;
}
footer.site-footer a i{
    font-family: FontAwesome;
	padding-right: 5px;
}
.footersociname i:hover{
    background: #44c8e8 !important;
}
.footersociname i:hover:before
{
	color:#fff !important;
}
.footer_container > row
{
	padding-bottom:20px;
}

.call {
    display: none;
}
.background_banner_image{
    min-height: 770px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
        width: auto !important;
}
.vertically_text{
    position: relative;
    top: 38%;
}
.banner_text {
    /* position: relative;
    top: 0px; */
    text-align: center;
}

/*.banner_subtitle{
    min-height: 70px;
}*/
.banner_text h1{
    color: #fff;
    font-weight: 300;
    font-size: 45px;
}
.banner_subtitle > span > span{
    color: #fff;
    font-size: 24px;
   /* animation: blink 1s linear infinite;*/
}
@keyframes blink{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.banner_text > div > span{
    color: #fff;
    font-size: 40px;
}
.banner_button {
    position: relative;
    margin: auto;
       top: 25px;
    text-align: center;
    cursor: pointer;
}
/*.banner_button:hover{
    background: #2263d6;
}*/
.banner_button > a{
    color: #fff;
    font-size: 25px;
}

/**** start service new section****/
#web-design-development .container {
    /*width: 1920px !important;*/
}
/*#web-design-development{
    padding-top: 40px;
}*/
.dark-well {
   /* background: #484848;*/
    color: #fff;
}
.no-padding {
    padding: 0!important;
}
.service_slider {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.quad, .quad h2 {
    text-align: center;
    color: #fff;
}
.quad {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
    margin: 0.5%;
   /* width: 24%;*/
}
.textwrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    width: 100%;
    text-align: center;
    display: block;
    color:#fff;
    padding-right: 20px;
    padding-left: 20px;
}
.quad:hover h3 {
    transform: translateY(-5px);
    width: 100%;
}
.quad h3 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: .9px;
    padding-bottom: 0;
	text-transform:uppercase;
}
.quad, .quad h3 {
    text-align: center;
    color: #fff;
    z-index: 1;

}
.quad img {
    width: 100%;
    height: 100%;
    transition: all .3s;
    cursor: pointer;
    min-height: 250px;
    min-width: 250px;
}
.service_slider .col-md-4.col-sm-12.no-padding.quad.dark-well {
    position: relative;
       margin: 0px 5px 5px 0;
    width: 32.95%;
}
.quad:hover img {
    transform: scale(1.1);
}
.quad:hover .desc {
    opacity: .9;
    transform: translateY(-5px);
    height:auto;
}
.quad .desc {
    opacity: 0;
    /*max-width: 75%;*/
    margin: 0 auto;
    transition: all .9s;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    height:0px;
}
.dark-well p, .green-well p {
    color: #fff !important;
}
/**** end service new section ****/

@-webkit-keyframes arrow1 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@-moz-keyframes arrow1 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@-ms-keyframes arrow1 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@keyframes arrow1 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@-webkit-keyframes arrow2 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@-moz-keyframes arrow2 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@-ms-keyframes arrow2 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

@keyframes arrow2 {
    0% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    90% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transform: translate(0, 36px);
        -ms-transform: translate(0, 36px);
        transform: translate(0, 36px)
    }
}

.icon-arrow-hint{
    background: url(images/White_Down_arrow.png) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    height: 25px;
    overflow: hidden;
    background-size: cover;
}
.icon-arrow-hint {
    background-position: 0 0;
    height: 25px;
    width: 24px;
}
.icon {
    display: inline-block;
    overflow: hidden;
}
.icon-arrow-hint {
    display: block;
    margin-bottom: 20px;
}
.arrow-hint {
   /* top: 100%;*/
    height: 88px;
    left: 50%;
    margin-left: -12px;
    overflow: hidden;
    position: absolute;
    width: 24px;
    bottom: 100px;
}
.animated-arrow-1 {
    -webkit-animation: arrow1 3s infinite ease-out;
    -moz-animation: arrow1 3s infinite ease-out;
    -o-animation: arrow1 3s infinite ease-out;
    animation: arrow1 3s infinite ease-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.animated-arrow-2 {
    -webkit-animation: arrow2 3s infinite ease-in;
    -moz-animation: arrow2 3s infinite ease-in;
    -o-animation: arrow2 3s infinite ease-in;
    animation: arrow2 3s infinite ease-in;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
#contactForm label {
    margin-bottom: 0;
    font-size: 16px;
}

ul.sub-menu li a {
    padding: 10px 10px 10px 10px ;
    color: #fff !important;
}

#footer3 li a {
    color: #999999;
}

#footer3 h2 {
    margin-bottom: 0px;
}

.banner-slide {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.btn1 {
    color: #FFFFFF;
    margin: 30px;
}

.title1 {
    float: left;
}

.rightside1 {
    padding-top: 20px;
}

.img12 {
    text-align:center;
    padding-bottom: 12px;
}
.img12 > img {
    width:100%;
}

#recent-posts-3 > h2 {
    margin-bottom: 15px;
    margin-top: 5px;
}

.border {
    border-bottom: 1px solid rgba(204, 204, 204, 0.45);
    margin-bottom: 5px;
    margin-top: 3px;
}

.widget.widget_recent_entries {
    padding-top: 9px;
}

.datetitle {
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
div#primary.col-md-9 {
    padding-right: 0px;
}

h3.entry-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.widget.widget_recent_entries {
    margin-top: 0px;
    padding-top: 0px;
}

.raw.field_select.alignleft > select {
    border: 1px solid rgba(51, 51, 51, 0.1);
}

.single_post_simple.s276 h6, .single_post_simple.s274 h6 {
    padding-top: 9px !important;
}


.subpage_banner_image {
    width: 100%;
    text-align: center;
    background-color: #25a6dd;
}
.subpage_banner_image.hidden-xs {
    padding-top: 55px;
}

.sub-menu img {
    width: 35px;
    height: 35px;
}

ul.menu li span {
    color:rgba(61,61,61,0.80);
}
.hire_developer label#label_2_10_1 {
    padding-left: 10px;
    font-size: 16px;
    position: absolute;
	top: 0;
    left: 28px;
}
.hire-developer ul.sub-menu {
    width: 100%;
    left: 0px;
    right: 0;
    margin: auto;
    padding: 20px 20px;
    list-style: none;
}
.hire_developer input#gform_submit_button_2{
    bottom: 42px;
	margin-right: 0;
}
.hire_developer .gform_validation_error input#gform_submit_button_2 {
    bottom: 42px;
}
.hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
    
}
.hire-developer ul.sub-menu li {
    text-align: left;
    margin-bottom: 0px;
    width: 22%;
    left: 0;
    float: left;
}
ul.menu li ul.sub-menu li:hover > a{

    color:#fff!important;
    font-size: 14px!important;
    border-radius: 2px;
    background-color: #2f9bee;
    background-image: linear-gradient( to right, #2f9bee, #47c9e5 );
}
ul.menu li.hire-developer ul.sub-menu li:hover > a{
    background-color: #2f9bee;
    background-image: linear-gradient( to right, #2f9bee, #47c9e5 );
}
li#menu-item-1527 a {
    font-size: 13px;
}
ul.menu li ul.sub-menu li:hover > a > img {
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

ul.menu li ul.sub-menu li:hover > a > span {
    color:#fff!important;
    border-bottom: 1px solid #4E9FDE;
}

ul.menu li ul.sub-menu li.current_page_item > a > span {
    color: #4E9FDE !important;
}
div#header-menu.fixed {
    background-color: #fff !important;
    z-index: 2;
    box-shadow: 0 2px 16px #BDBDBD;
    width: 100%;
}

div#header-menu.fixed .menu-header-menu-container {
    margin-top: 0;
}
.topmenus ul.menu li:nth-child(5) a:after{
    display: none;
}

.blog_section{
    padding-bottom: 20px;
}
.blog_border {
    height: 350px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background: #fff;
}

.blog_home_title h2{
    margin-top:20px;
    margin-bottom: 0px;

}
.blog_head {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 15px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    font-display: auto;
    font-family: 'Open Sans', sans-serif;

}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height:200px;
    width:92.5%;
    opacity: 0;
    transition: .3s ease;
    background-color: #000;
    margin-left: 15px;
    margin-right: 0px;
}
.plus_size.fa{
    font-size: x-large !important;
}
.blog_img:hover .overlay {
    opacity: 1;
}



.blog_view_btn {
    vertical-align: middle;
}
.date span{color:#4E9FDE;font-weight: 600;}
.date{

    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    line-height: 28px;
}
.col-sm-4.service-page
{
    visibility: visible; animation-delay: 0.3s; animation-name: zoomIn;
}
.overlayportfolio {
    display: block;
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    overflow: hidden;
    background-color: #4E9FDE;
}
.port_img {
    padding-top: 30px;
}
.hover_desc > p {
    color: #fff;
    margin-bottom: 5px;
}

.port_image:hover .overlayportfolio{
    opacity: 1;
    display: block;
}

.sliphover-overlay div{
    color: #fff !important;
    font-size: 13px;
    display: block !important;
    vertical-align: unset !important;
}
.sliphover-container{
    width: 100%;
    padding: 0;
}
.sliphover-overlay{
    background-color: rgba(71,201,229,0.95)!important;
}
.sliphover-overlay > div > div{
    position: relative;
    top: 0px;
}
.hover_desc {
    padding: 10px 0;
}
.sliphover-overlay > div > .hover_box > span > div{
    font-size: 25px !important;
}
.hover_box {
    padding: 25px;
}

.sliphover-overlay > div > div > a{
    color: #fff !important;
}
.sliphover-overlay > div > div > a:hover{
    color: #000 !important;
}
.rev_slider_wrapper {
    height: 425px;
}
#hover_ex{
    padding: 0;
}
div#text-7 {
    margin-bottom: 0;
}

@media (max-width: 1024px) {

    .hire-developer ul.sub-menu {
        padding: 0;
    }

    .hire-developer ul.sub-menu li {
        width: 100%;
        float: none;
    }
}
.gform_wrapper .gfield_required {
    display:none !important;
}
.gform_wrapper.request_quote_wrapper .top_label .gfield_label{
    display:none;
}
.gform_wrapper.request_quote_wrapper .gform_footer {
    float: right;
    margin-top: -66px;
    clear: both;
    width: 50%;
    padding-right: 15px;
}
.gform_wrapper.request_quote_wrapper.gform_validation_error .gform_footer {
    float: right;
    margin-top: -192px!important;
    clear: both;
    width: 50%;
    padding-right: 15px;

}
.gform_wrapper.request_quote_wrapper .top_label li.gfield.gf_left_half textarea{
    width:100%;
}
#cboxLoadedContent{
    border: none !important;
}
#input_1_8{
    height:35px;
}
.gform_wrapper.request_quote_wrapper div.validation_error{
    display:none;
}
.gform_wrapper li.gfield.gfield_error{
    margin-bottom: 0!important;
    border-top: none!important;
    border-bottom: none!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.gfield_description.validation_message{
    width:50%!important;
    float:right;
    font-size:12px!important;
    top: -31px!important;
    text-align: right;
    padding-top: 0!important;
    position: relative;
    color: #F44336;
}
.home-quick-contact .quick-contact-form #validation_message_1_8 {
      top: 45px !important;
      right: 540px !important;
}
.instruction.validation_message{
    display:none;
    position: relative;
    top: -35px!important;
}
.ginput_container_phone #input_1_4 .instruction.validation_message .gfield_description.validation_message
{
    position:relative;
    top: -44px!important;
}
#input_1_10  .gfield_description.validation_message{
    text-align: left;
}
body .gform_wrapper.request_quote_wrapper.gform_validation_error ul li.gfield {
    margin-top:0!important;
}
.gform_wrapper.request_quote_wrapper.gform_validation_error li.gfield.gfield_error{
    margin-bottom: 0 !important;;
}
.gform_wrapperr.request_quote_wrapper .top_label li.gfield.gf_right_half{
    padding-right: 0!important;
}
.gform_wrapper.gf_browser_chrome .gfield_error input[type=text]{
    margin-bottom:0!important;
}
.site-content .contact_form ul:not(#filters) li:before{
    content:none;
}

.normal_btn a{
    color:#fff;
}
.normal_btn{
    margin-right:16px;
    display: inline-block;
    float: right;
    top: -125px;
    background: rgba(71,201,229,0.95);
    position: relative;
    height: 78px;
    width: 38%;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: color 150ms ease-in-out;
}
.gform_button.button.normal_btn:hover:before {
    color:#fff;
    width: 100%;
}
.gform_button.button.normal_btn:hover{
    width:38%;
    color:#fff;
}
.normal_btn:before{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-color: #000;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    width: 0;
    content: '';
    z-index: -1;
}

.mobile_req{
    display: inline-block;
    position: fixed;
    z-index: 999999999;
    right: -74px;
    top: -74px;
    transform: rotate(48deg);
}

@keyframes pulse_animation {
    0% { transform: scale(1);}
    10% { transform: scale(1); }
    20% { transform: scale(1.08);}
    30% { transform: scale(1); }
    40% { transform: scale(1); }
    50% { transform: scale(1.08);}
    60% { transform: scale(1); }
    70% { transform: scale(1); }
    80% { transform: scale(1.08);}
    90% { transform: scale(1); }
    100% { transform: scale(1); }
}


#contactForm_quote .button{
    width:97%!important;
    background: #4E9FDE ;
    height:50px!important;
    line-height: 27px!important;
}
.tp-leftarrow.tparrows.hesperiden {
    left: 40px !important;
}
.tp-rightarrow.tparrows.hesperiden {
    right: 0 !important;
    left: calc(100% - 35px) !important;
}

#field_2_6{
    margin-top:15px;
}
.gform_wrapper.contact_form_wrapper h3.gform_title {
    margin: 0px 0 15px;
    font-size: 30px;
    color: #44c8e8;
    font-weight: 600;
}
.contact_form textarea#input_2_5,.contact_form textarea{
    background-color: #fff;
        border: 1px solid #a8a8a8;
}
.child_sub_menu{
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0;
    background: #fff;
}
.sub_menu_has_children:hover .child_sub_menu{
    display: block;
}
.child_sub_menu li:hover{
    background-color: #2f9bee;
    background-image: linear-gradient( to right, #2f9bee, #47c9e5 );
    color: #fff;
}
.child_sub_menu li{
    float: none !important;
    padding: 0px 20px;
}
ul li ul li.mega ul{
    position:relative;
}
ul li:hover ul li.mega:after{
    font-display: auto;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    font-weight: 600;
    bottom:5px;
    right:5px;
}
ul li ul li.mega:hover ul.sub-menu{
    padding-top: 0!important;
    background: #fff;
    display: block !important;
    width: 100%;
    position: absolute;
    left: 100%;
    color: #000;
    bottom: -27%;
}
ul.menu li ul.sub-menu li.mega ul li:hover > a{
    width:100%;
}
ul.menu li ul.sub-menu li.mega ul li{
    width:100%;
}
.request_quote{
    width:100%;
}
.gform_wrapper.request_quote_wrapper ul.gform_fields{
    padding-left: 16px;
}
.request_quote iframe{
    margin-bottom: 0px;
}
#input_1_8{
    font-size: 14px;
}
.gform_wrapper.request_quote_wrapper .gform_heading{
    text-align: center;
}
.gform_wrapper.request_quote_wrapper .gform_heading h3 {
    color: #4E9FDE;
}
.gform_wrapper.request_quote_wrapper .validation_message {
    font-size: 11px;
}

.gform_wrapper .contact_form_wrapper{
    padding-top: 15px;
}
#field_1_10{
   /* float:right;
    margin-top:-143px;*/
}
#input_1_7{
    height:180px;
}
.gform_wrapper.request_quote_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 12px 12px;
}
#field_1_10.gfield.gfield_error.gf_right_half.field_sublabel_below.field_description_below.gfield_visibility_visible{
    left: -16px;
    position: relative;
    top: -165px;
}
label#info_toggle_label {
    left: auto;
    z-index: 1;
}
label#info_toggle_label:after {
    content: '\f10b';
    color: rgb(51, 51, 51);
}
label#info_toggle_label.active:after {
    content: '\f107';
    font-weight:700;
}
label[id*="_toggle_label"] {
    display: inline-block;
    z-index: 1;
    left: 15px;
    margin: 0;
    font-display: auto;
    font-family: FontAwesome;
    font-size: 45px;
    line-height: 0px;
    text-align: center;
    cursor: pointer;
}
ul.info_toggle_list,label[id*='_toggle_label'],
.transits-little{
    transition: all 0.3s;
    -webkit-transition: all 0.3s; / For Safari 3.1 to 6.0 /
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
ul.info_toggle_list {
    margin: 0;
    list-style: none;
    position: fixed;
    top: -265px;
}
input#info_toggle {
    display: none;
}
ul.info_toggle_list a {
    color: #fff;
    display: block;
    background: #243E57;
    padding: 0 14px;
    border-width: 2px 0;
    font-size: 20px;
    text-align: center;
    margin: 0 0 5px;
}
ul.info_toggle_list a:hover {
    background: #243E57;
    color: #FFF;
}
#info_toggle:checked + ul {
    top: 51px;
    padding-right: 0px;
    z-index: 99999;
}
.dedication_section{
    padding-top: 25px;
}
div#dedicate_hire{
    margin: 0;
}
.dedication_section h1{
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}
.hire_dedicated_slider .slick-next:after {
    content: "\f105";
    font-family: FontAwesome;
    color: #47c9e5;
    font-weight: normal;
    font-size: 65px;
}
.hire_dedicated_slider .slick-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    color: #47c9e5;
    font-weight: normal;
    font-size: 65px;
}
.hire_dedicated_slider button.slick-prev.slick-arrow {
    position: absolute;
    left: -35px;
}
.hire_dedicated_slider button.slick-next.slick-arrow {
    position: absolute;
    right: -35px;
}
.dedicate_remove_space {
    padding-left: 0;
    padding-right: 0;
}
.dedicated_form_faq{
    padding-top: 30px;
}
div#sliphover {
    margin-left: -15px;
    margin-right: -15px;
}
.portfolio_project_list .fa-angle-left:before{
    font-size: 65px;
    color: #000;
    font-display: auto;
    font-family: FontAwesome;
}
.portfolio_project_list .fa-angle-right:before{
    font-size: 65px;
    color: #000;
    font-display: auto;
    font-family: FontAwesome;
}
.gform_wrapper.hire_inquiry_wrapper ul.gfield_checkbox li{
    width:50%;
    float:left;
}
/**************************************/
.acc_title h2{
    margin:0;
}

.back-face span{
    text-transform: capitalize;
    color:#fff!important;
    line-height:40px;
    font-size:40px;
}
.col-sm-6.footer-social-icon {
    padding-left: 0px;
    padding-right: 10px;
}

/*date 20-11-2018*/
@keyframes slidebg {
    to {
        background-position:20vw;
    }
}
.hesperiden.tparrows:before {
    content: '\f104' !important;
    font-size: 65px !important;
    color: #000 !important;
    font-display: auto;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
}
.hesperiden.tparrows.tp-rightarrow:before {
    content: '\f105' !important;
    font-size: 65px !important;
    color: #000 !important;
    font-display: auto;
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
}


.tparrows {
    background: transparent !important;
}

/*date 20-11-2018*/


.back-face span a{
    color:#fff;
}

.front-face span, .back-face span{
    position: absolute;
    top: 50%;
    backface-visibility: hidden;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
}
#footer5 .widget.widget_text{
    margin-bottom: 0;
}
.ser_mob .slideInUp,.ser_mob .slideInLeft,.ser_mob .slideInRight{
    animation-fill-mode: none;
}

.gform_wrapper.hire_inquiry_wrapper ul.gfield_checkbox li input[type=checkbox]{
    width:10% !important;
}
.gform_wrapper.hire_inquiry_wrapper textarea.large {
    height:78px;
}

.normal_hire_btn a{
    color:#fff;
}
.normal_hire_btn{
    line-height: 0px;
    display: inline-block;
    float: none;
    width: 97%;
    background: rgba(71,201,229,0.95);
    position: relative;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: color 150ms ease-in-out;
}
.gform_button.button.normal_hire_btn:hover:before {
    color:#fff;
    width: 100%;
}
.gform_button.button.normal_hire_btn:hover{
    width:97%;
    color:#fff;
}
.normal_hire_btn:before{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-color: #000;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    width: 0;
    content: '';
    z-index: -1;
}

.gform_wrapper.hire_inquiry_wrapper .gform_footer{
    margin: 0;
}
#gform_submit_button_2:before:hover{
    background-color:#4E9FDE ;
    transition:background-color .5s ease;
}
.contact_form h3{
    text-align: center;
}
.gform_wrapper.hire_inquiry_wrapper input,.gform_wrapper.contact_form_wrapper. input{
    height:45px;
}
.validation_error{
    display: none;
}
.gform_wrapper.hire_inquiry_wrapper li.gfield.gfield_error{
    background-color: transparent;
}
.gform_wrapper.hire_inquiry_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
    margin-top: 0px;
}
.gform_wrapper.hire_inquiry_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox]{
    margin:0;
    float: left;
}
ul#gform_fields_3 li{
    overflow: hidden;
}
.gform_wrapper.hire_inquiry_wrapper .gfield_label{
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: "Poppins", sans-serif;
}
.gform_wrapper.hire_inquiry_wrapper .gfield_checkbox li label{
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: "Poppins", sans-serif;
}
.gform_wrapper.hire_inquiry_wrapper li.gfield.gfield_error{
    margin-bottom: 0px;
}
.gform_wrapper.hire_inquiry_wrapper input,.gform_wrapper.contact_form_wrapper input,.gform_wrapper.contact_form_wrapper input,.gform_wrapper.contact_form_wrapper input{
    height:45px;
}
.gform_wrapper.hire_inquiry_wrapper ul li.field_description_below div.ginput_container_checkbox{
    margin-top:0px;
}
.gform_wrapper.hire_inquiry_wrapper ul.gfield_checkbox li input{
    height:20px;
}
.gform_wrapper.hire_inquiry_wrapper .gfield_checkbox li {
    margin: 0px 0 8px;
}
.homepage_image_slider .hesperiden .tp-bullet{
    width:7px;
    height:7px;
    background: #fff;
}
.homepage_image_slider .hesperiden .tp-bullet:hover,.homepage_image_slider .hesperiden .tp-bullet.selected{
    background:#000;
    opacity: 0.5;
}
.portfolio_hire{
    background: #f1f1f1;
}
.contact-us{
    box-shadow: 0 10px 40px rgba(0,0,0,.25);
    padding: 0 16px;
    padding-top:15px;
    background-color:rgba(78,159,222,0.1);
}
input#choice_2_10_1 {
    width: 25px;
    margin: 0;
}
label#label_2_10_1 {
    padding-left: 10px;
    font-size: 16px;
    position: absolute;
}
input#gform_submit_button_2 {
    /*position: absolute;*/
    right: 30px;
    bottom: 73px;
    height: 70px;
    float: none;
    width: 185px;
	line-height: 40px;
    background-color: #44c8e8;
}
input#gform_submit_button_2:hover {
    /* background-image: -webkit-radial-gradient(center, circle cover, rgb(68, 200, 232), rgb(47, 39, 39,0.8)); */
    background-color: #1b2f3f;
    transition: all .5s ease;
}

.gform_wrapper.contact_form_wrapper textarea.large{
    height:100px;
}
.gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1{
    top: 15px;
}
.gform_wrapper.contact_form_wrapper.gform_validation_error input#choice_2_10_1 {
    height: 70px;
}
.contact_form_box .col-sm-6 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.gform_wrapper.hire_inquiry_wrapper .gform_footer{
    padding: 0;
}
.gform_wrapper.contact_form_wrapper .top_label .gfield_error textarea.textarea{
    height:100px;
}

.gform_wrapper.hire_inquiry_wrapper .gfield_description{
    padding: 0 !important;
}
#field_2_5.gfield.gfield_error.gfield_contains_required.field_sublabel_below.field_description_below.gfield_visibility_visible{
    height:100px;
}
#field_3_8.gfield.gfield_error.field_sublabel_below.field_description_below.gfield_visibility_visible{
    height:78px;
}
#field_2_6.gfield.gfield_error.field_sublabel_below.field_description_below.gfield_visibility_visible{
    height:78px;
}
#input_2_6 .gfield_description.validation_message{
    text-align: left;
}
.captcha_input div.gfield_description.validation_message{
    font-size: 12px!important;
    text-align: center!important;
    width: 100%!important;
    top: 0!important;
}
.contact_captcha div.gfield_description.validation_message{
    text-align:left;
    top:18px !important;
    width:100% !important;

}
.service_4.animated,.service_5.animated{
    animation-fill-mode:none;
}


#input_3_8 div{
    margin: auto;
    text-align: center;
}
.joinus_popup{
    top:15%;
}

.contact_form h2 p{
    padding-top: 100px;
    font-size: 30px;
    line-height: 45px;
    color:#4E9FDE;
    text-align: center;
}
.contact-us h2 p{
    padding-top: 100px;
    font-size: 30px;
    line-height: 45px;
    color:#4E9FDE;
    text-align: center;
}
.contact_frm{
    box-shadow: 0 8px 28px rgba(0,0,0,.19);
    /* padding-left: 16px;
    padding-top:15px;
    padding-bottom: 15px; */
    padding:25px 25px 15px;
    background-color:rgba(78,159,222,0.1);
    background-color: #fff;
}
/*28-11-2018*/
button.button.blogcat_read:hover {
    width: 170px;
}
.cont > h1 {
    border: none;
}
li#menu-item-521 > a, li#menu-item-525 > a,li#menu-item-588 > a, li#menu-item-532 > a{
    color: #000!important;
}
li#menu-item-903 > a {
    color: #999999 !important;
}
li#menu-item-903 > a:hover {
    color: #fff !important;
}



.footersociname i.fa.fa-facebook-f {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-facebook-f:before, .footersociname.fa-facebook:before {
    content: "\f09a";
    position: absolute;
    top: 9px;
    color: #000;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.footersociname i.fa.fa-google-plus {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-google-plus:before, .footersociname.fa-google-plus:before {
    content: "\f0d5";
    position: absolute;
    top: 9px;
    color: #000;
    left: 5px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.footersociname i.fa.fa-twitter {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-twitter:before, .footersociname .fa-twitter:before {
    content: "\f099";
    position: absolute;
    top: 9px;
    color: #000;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.footersociname i.fa.fa-linkedin {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-linkedin:before, .footersociname .fa-linkedin:before {
    content: "\f0e1";
    position: absolute;
    top: 9px;
    color: #000;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.footersociname i.fa.fa-instagram {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-instagram:before, .footersociname .fa-instagram:before {
    content: "\f16d";
    position: absolute;
    top: 9px;
    color: #000;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.footersociname i.fa.fa-youtube {
    background: #ffffffe0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.footersociname .fa-youtube:before, .footersociname .fa-youtube:before {
    content: "\f167";
    position: absolute;
    top: 9px;
    color: #000;
    left: 4px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

/*** single post page share icon css *****/
.single_php {
    padding: 15px 5px;
}
.single_post_page{
    padding-bottom: 20px;
}
.single_blog_icon i:hover{
    background: #44c8e8 !important;
}
.single_blog_icon i.fa.fa-facebook-f {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.single_blog_icon .fa-facebook-f:before, .single_blog_icon.fa-facebook:before {
    content: "\f09a";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.single_blog_icon i.fa.fa-google-plus {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.single_blog_icon .fa-google-plus:before, .single_blog_icon.fa-google-plus:before {
    content: "\f0d5";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 5px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.single_blog_icon i.fa.fa-twitter {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.single_blog_icon .fa-twitter:before, .single_blog_icon .fa-twitter:before {
    content: "\f099";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.single_blog_icon i.fa.fa-linkedin {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.single_blog_icon .fa-linkedin:before, .single_blog_icon .fa-linkedin:before {
    content: "\f0e1";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.single_blog_icon i.fa.fa-instagram {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}
.single_blog_icon .fa-instagram:before, .single_blog_icon .fa-instagram:before {
    content: "\f16d";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 3px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
/*.single_blog_icon i.fa.fa-youtube {
    background: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
}*/
/*.single_blog_icon .fa-youtube:before, .single_blog_icon .fa-youtube:before {
    content: "\f167";
    position: absolute;
    top: 10px;
    color: #fff;
    left: 4px;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}*/
span.single_blog_icon:hover {
    color: #fff;
}
.at-share-btn-elements{
    text-align: right;
}
.at-share-btn{
    border-radius: 50% !important;
}
.at-icon-wrapper{
    height: 40px !important;
    width: 40px !important;
}
.at-icon{
    width: 40px !important;
    height: 35px !important;
}
.button_single{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0,0,0,0.24);
    float: left;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: #44c8e8;
    height: 50px;
    padding: 0px;
    font: 800 15px/50px 'Open Sans', sans-serif;
    color: #FFF;
    letter-spacing: 1.2px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    width: 170px;
    margin-bottom: 10px;
}
.button_single a{
    color: #fff !important;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
}
.button_effect{
    width: 200px;
    height: 52px;
    left: -214px;
    background: #000;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}
.button_single:hover .button_effect{
    left: -11px;
    top: 0px;
}
.button_single:hover a{
    color:#fff;
}
/**** end single post ****/
.service_parallax {
    background: #fff;
   /* background-image: url("images/port.jpg");*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
/*	padding-top: 80px;*/
    /*background-size: cover;
    box-shadow: inset 0 0 8px rgba(0,0,0,.4);*/
}
span.footersociname:hover {
    color: #fff;
}
.social_icons_single {
    text-align: right;
    padding: 0;
    letter-spacing: 5px;
    padding-top: 5px;
}

.common-heading  {
    margin-top: 70px !important;
    padding-bottom: 20px !important;
    margin-bottom: 50px !important;
}

/******************************************start career page form css*******************************************/
.page_space{
    padding: 25px 0px;
}
.hire_developer_form {
    box-shadow: 0 8px 28px rgba(0,0,0,.19);
    padding-left: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(78,159,222,0.1);
    background-color: #fff;
}
.hire_developer_form ul#gform_fields_4 {
    list-style: none !important;
}
input#input_4_1,input#input_4_3,input#input_4_4,select#input_4_11,select#input_4_5,input#input_4_6,select#input_4_7,
input#input_4_8,input#input_4_9{
    width: 100%;
    height: 30px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 13px;
    border-bottom: 1px solid #a8a8a8;
    background-color: #fff;
    padding: 0px;
}
.hire_developer_form ul li label.gfield_label {
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
}
.hire_developer_form ul li {
    margin-right: 15px;
}
input#gform_submit_button_4 {
    position: absolute;
    right: 0px;
    bottom: 41px;
    height: 72px;
    float: none;
    width: 220px;
}
input#gform_submit_button_4:hover {
    width: 220px;
    background: #44c8e8;
}
.hire_developer_form h3.gform_title {
    margin: 0px 0 15px;
    font-size: 30px;
    color: #44c8e8;
    font-weight: 600;
    text-align: center;
}
/******************************************end career page form css********************************************/
/*************************************What We Do css Start*************************************/
.effecthide {
    opacity: 0;
}
.visible {
    opacity: 1;
}
/*start web css */
.bckgroud_img_left_web{
    background: url(images/web-design-1.jpg) 120% 90% no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    top: 15px;
    width: 100%;
    background-size: 60%;
}
.web_section_start{
    position: relative;
    overflow: hidden;
    padding: 55px 0;
}
/*end web css */
/*start ecommerce css */
.ecommerce_section_start{
    background-color: #ffcdcd;
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}
.bckgroud_img_left_ecommerce{
    background: url(images/ecommerce.png) -17% 0 no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-size: 60%;
}
/*end ecommerce css */
/*start mobile css */
.bckgroud_img_left_mobile{
    background: url(images/apps.jpg) 100% 33% no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-size: 40%;
}
.mobile_section_start{
    overflow: hidden;
    padding: 90px 0;
    position: relative;
}
/*end mobile css */
/*start digital css */
.digital_section_start{
    overflow: hidden;
    background-color: black;
    padding: 53px 0;
    position: relative;
}
.bckgroud_img_left_digital{
    background: url(images/digital.png) -17% 0 no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-size: 60%;
}
/*end digital css */
/*start hire us css */
.bckgroud_img_left_hire_us{
    background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-size: 50%;
}

.hire_us_section_start{
    overflow: hidden;
    padding: 55px 0;
    padding-bottom: 0;
    position: relative;
}
.hire_spceing{
    padding:40px 0;
}
div#page {
    padding-bottom: 25px;
}
/*end hire us css */

.digital_section_start p , .digital_section_start h1{
    color: #fff;
}
.fixed_sub .menu-header-menu-container li.active_div a , li.active_div a{
    color: #44c8e8 !important;
}
.active_div:after{
    width: 90% !important;
}

.services_hire{
    background: #44c8e8;
    border-radius: 100%;
    width: 105px;
    height: 105px;
    margin-bottom: 20px !IMPORTANT;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 0 5px;
}

.services_hire i{
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.services_hire:hover{
    background-color: #000;
    /*transform: rotate(360deg);*/
}
.services_hire:hover i{
    transform: rotate(360deg);
}
.services_hire a i{
    position: relative;
    top: 20%;
    font-size: 60px;
}
.services_hire:hover i{
    color: #fff;
}
.footer_bottom{
    overflow: hidden;
    padding-top: 27px;
}
.scroll-top i{
    font-family: 'FontAwesome';
}
#menu-header-menu{
    z-index: 1;
    background: white;
    left: 0;
    right: 0;
    top: 0;
}

#menu-header-menu li {
    float: left;
}

#menu-header-menu a:hover {
    color: #000;
}
#menu-header-menu li.active_div:after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -10px;
    position: relative;
    width: 0px;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}


/*************************************What We Do css End*************************************/

/*************************************HIRE PHP NEW CSS START*************************************/
div#primary {
    padding: 25px;
}
.entry-content ul{
    list-style-type: none;
}
.hire_inquiry ul{
    list-style-type: none;
}
.footer_form_5{
    padding-bottom: 50px;
}
/*************************************HIRE PHP NEW CSS END*************************************/
#blog_layout{
    float: left;
}
.grid-item__ {
    box-shadow: 0 1px 10px 0px #aaa;
    overflow: hidden;
}
.grid_box {
    padding: 20px;
    overflow: hidden;
}
.blog_cat .post-categories{
    margin: 0;
    padding: 0;
    font-size: 16px;
    list-style-type: none;
    text-align: center;
}
.blog_cat > ul > li {
    display: inline-block;
}
.blog_sidebar {
    padding-top: 15px !important;
}
.listing_blog .col-sm-9{
  padding: 17px 5% 25px 0px;
}
.col-md-9.blog-full {
    padding-right: 5%;
}
a.blog-title:focus{
    font-size: 18px;
}
#sub_categories_widget-2 ul li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px 3px;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}
#sub_categories_widget-2 ul li.current-cat{
    background-color: #44c8e8;
    background-image: unset;
}
#sub_categories_widget-2 ul li{
    transition: 0.5s;
    box-shadow: 0 0 20px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0 5px 5px 0;
    height: 40px;
    display: table;
    padding-left: 0px;
}
#sub_categories_widget-2 ul li:hover{
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
#sub_categories_widget-2 ul li {background-image: linear-gradient(to right, #1b2f3f 0%, #1b2f3f 51%, #1b2f3f 100%)}

.menu-company-sidebar-container ul li:hover a{
    background: #44c8e8;
}
.menu-company-sidebar-container ul li a {
    color: #fff !important;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px 3px;
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}
.menu-company-sidebar-container ul li{
    transition: 0.5s;
    box-shadow: 0 0 20px #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0 5px 5px 0;
    height: 40px;
    display: table;
    padding-left: 0px !important;
}

.menu-company-sidebar-container ul li {background-image: linear-gradient(to right, #1b2f3f 0%, #1b2f3f 51%, #1b2f3f 100%)}
.title {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}
.blog_date{
    font-size: 15px;
    clear: both;
    padding: 0;
    width: 45%;
}
.blog_cat {
    width: 55%;
}
.column_blog {
    width: 50%;
    /*width: 33.33%;*/
    float: left;
    padding: 20px 15px;
}
.blog_description{
    clear: both;
}
.pagination_blog{
    overflow: hidden;
    clear: both;
    text-align: center;
    padding-top: 35px;
}
/*.wp-pagenavi .current {
    margin-right: 5px;
    float: left;
    width: 30px;
    border-radius: 25px;
    padding: 0 !important;
    background: #44c8e8;
    color: #fff;
}*/
.wp-pagenavi .current {
    margin-right: 5px;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    padding: 8px !important;
    background: #44c8e8;
    color: #fff;
}
/*.pagination_blog > .wp-pagenavi a,.pagination_blog > .wp-pagenavi div{
    margin-right: 5px;
    float: left;
    width: 30px;
    border-radius: 25px;
    padding: 0 !important;
    position: relative;
}*/
.pagination_blog > .wp-pagenavi a,.pagination_blog > .wp-pagenavi div{
    margin-right: 0px;
    float: left;
    width: 35px;
    border-radius: 25px;
    padding: 8px !important;
    position: relative;
}

.pagination_blog .wp-pagenavi .previouspostslink {
    top: 0px;
}

.pagination_blog .wp-pagenavi .nextpostslink{
    margin-top: 8px;
}
.pagination_blog .wp-pagenavi{
    display: inline-block;
}

.pagination_blog > .wp-pagenavi a:hover {
    color: #fff !important;
    background: #44c8e8 !important;
    /*padding: 8px !important;
    margin-right: 5px;*/
}
.pagination_blog > .wp-pagenavi a.nextpostslink:hover,
.pagination_blog > .wp-pagenavi a.previouspostslink:hover{
    background: transparent !important;
    color: #44c8e8 !important;
}
a.nextpostslink,a.previouspostslink {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: -9px;
    width: 50px !important;
}
.cat-item{
    position: relative;
}
.widgettitle{
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
	font-weight: bold;
}
/**************Why we best****************/
.Why_we_diff{
/*    padding-top:80px;*/
/*    padding-bottom:70px;*/
}

.why-we-different-section .why-we-different-title {
    margin: auto;
}

.why-we-different-box i {
    font-size: 30px;
}

.why-we-different-box-section {
    display: flex;    
    flex-direction: column;
    row-gap: 30px;
    margin: auto;
}

.why-we-different-box {
    padding: 30px;
    height: 250px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    margin-bottom: 30px;
}

.why-we-different-box .box-title {
    font-weight: bold;
}

/*.why-we-different-box:hover {
    box-shadow: 2px 3px 15px 5px #777;
    transform: scale(1.1);
    cursor: pointer;
}*/

.why-we-different-box .box-title {
    margin-top: 20px;
    line-height: 1.3;
}

.why-we-different-section .Why_we_diff_topics .Why_we_diff_topic img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.why-we-different-section .Why_we_diff_topics .Why_we_diff_topic img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.why-we-different-section {
    background-color: #f7f7f7;
    padding-bottom: 60px;
}
.why-we-different-section .Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left img {
    width: 280px;
    height: 250px;
    object-fit: contain;
}

.why-we-different-section .Why_we_diff_right .Why_we_diff_topic_button {
    display: flex;
    justify-content: center;
}

.why-we-different-section .Why_we_diff_topic_button a:hover, .view-more-blog .Why_we_diff_topic_button a:hover {
    color: #fff !important;
}

.view-more-blog {
    text-align: center;
    margin-top: 60px;
}

.view-more-blog .Why_we_diff_topic_button:hover .learn_btn_eff {
    left: 1px;
    top: -1px;
}

.why_we_best_head{
    position:relative;
    font-size:35px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
    text-align: center;
    padding-bottom: 25px;
}
.why_we_best_head:after{
    position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    right: 0;
    bottom: 0px;
    margin: auto;
}
.Why_we_diff .col-sm-4{
    text-align: center;; 
}
.filters_container > ul > li > a.active:after {
    content: '';
    width: 100px;
    display: block;
    margin: auto;
    height: 4px;
    border-radius: 2px;
    top: -4px;
    position: relative;
    background: #44c8e8;
    transition: width .5s ease, background-color .5s ease;
}
.techonology i {
    font-size: 35px;
    padding: 0 5px;
    color: #fff;
}

/*Home Contact form*/
.home-quick-contact {
    background-color: #f7f7f7;
/*    padding-top: 50px;*/
    margin-top: 60px;
}

.home-quick-contact ul li input,.home-quick-contact .ginput_container_textarea textarea {
    font-weight: bold;
}

/*--------------------------------------------------------------------------------------------
*
*	announcement
*
*--------------------------------------------------------------------------------------------*/
.announcement {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #46bdda;
    padding: 20px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.announcement p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
}
.announcement .cookie {
    display: block;
    width: 55%;
    float: left;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 14px;
}
.announcement .cookie:hover,a#remove_box:hover{
    background-image: -webkit-radial-gradient(center, circle cover, rgb(68, 200, 232), rgb(47, 39, 39,0.8));
}
.cookies_instruction {
    color: #fff;
    font-size: 14px;
}
a#remove_box {
    /* display: inline-block; */
    width: 40%;
    float: left;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}
td {
    width: 100%;
    text-align: center;
}
.single_services_text{
    text-align: left;
}
.menu-company-sidebar-container ul li.current_page_item {
    background-color: #44c8e8;
    background-image: unset;
}
.widget.widget_recent_entries.testimonial {
    margin-top: 31px;
}


.banner_button{
    display:none;
}
.banner_button .fullded{
    width: 210px;
    float: none;
    margin: auto;
    margin-top: 10px;
    background: rgba(71,201,229,0.95) ;
    position: relative;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    transition: color 150ms ease-in-out;
}
.banner_button .fullded:hover .banner_button .fullded:before{
    color:#fff;
    width: 100%;
}
.banner_button .button.fullded:hover{
    width: 330px;
    color:#fff;
}
.banner_button .fullded:before{
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background-color: #000;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    width: 0;
    content: '';
    z-index: -1;
}

.banner_button a.button.fullded {
    font-size: 18px;
    width: 330px;
    text-transform: capitalize;
    text-decoration: none;
    color: #fff;
}
.rotate_text_section {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 40px;
}
.rotate_text_section h2,.rotate_text_section h2 span{
    font-size: 40px;
    color: #fff;
}
.overlay_banner,.overlay_services {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
/************ sidebar menu ****************/
.information_company {
    padding-left: 40px;
}
.information_company a#coopso-email,
.information_company a#phone_call,
.information_company a#phone_call2 {
    color: #fff !important;
    margin-bottom:5px;
}
.phone_section {
    text-align: left;
}

.content-area .site-main a:link {
     color: #4E9FDE 
}
.content-area .site-main a:hover {
     text-decoration: underline;
}


/*******************responsive*********************/
@media only screen and (min-width :720px) and (max-width : 737px) and (orientation : landscape) {

	.service_slider {
		display: block;
	}

    /************* start page.php css here **************/
    .page_space .widget{
        margin-bottom: 0;
    }
    /************* end page.php css here **************/
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -20px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -20px;
    }
    /****************** end hire dedicated page css *************************/
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 49%;
    }
    .title{
        font-size: 14px;
    }
    .blog_date {
        font-size: 14px;
        clear: both;
        padding: 0;
        width: 60%;
        float: left;
    }
    .blog_cat {
        width: 40%;
        float: left;
        /* font-size: 15px; */
    }
    .blog_cat > ul > li {
        font-size: 14px;
    }
    h2.widgettitle {
        text-align: center;
    }
    div#recent-posts-3 {
        margin-bottom: 0px;
    }
    div#sub_categories_widget-2 {
        margin-bottom: 20px !important;
    }
    div#secondary {
        padding-top: 0px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div {
        margin-right: 5px;
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        padding: 4px !important;
    }
    a.nextpostslink, a.previouspostslink {
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        width: 25px !important;
    }
    /********* start hire developer css  **********/
    .hire_developer input#gform_submit_button_2 {
        bottom: 42px;
        position: absolute;
        right: 40px;
        width: 220px;
        height: 70px;
        top: unset;
    }
    div#page {
        margin-top: 0;
    }
    .hire_developer label#label_2_10_1{
        top: 74.5%;
    }

    .faq_number {
        width: 5%;
        display: inline-block;
    }
    .faq_title {
        width: 86%;
        display: inline-flex;
    }
    .mobile_top_sapce {
        padding-top: 30px;
    }
    label.acc_title i{
        right:16px;
    }
    main#main.site-main{
        margin-top: 0;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 73.5%;
    }
    /********* end hire developer css  **********/
    /********************single blog page css***********************/
    div#sub_categories_widget-2 {
        margin-top: 20px;
    }
    .widget-area {
        margin-top: 20px !important;
    }
    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    /***************** start service section css **************/
    .textwrap {
       /* top: 70%;*/
    }
    .Why_we_diff{
        padding: 20px 0;
    }
    .why_we_best_head:after{
        top: 45px;
    }
    .why_we_best_head{
        padding-bottom: 45px;
    }
    #web-design-development {
        padding-top: 1px;
        padding-bottom: 15px;
    }
    /***************** end service section css **************/
    /********************** start contact page css ***********/
    .contact_form input#gform_submit_button_2 {
        position: absolute;
        right: 40px;
        width: 46%;
        height: 70px;
        top: unset;
    }
    .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
         top: 71%;
     }
    label#label_2_10_1 {
        top: 73%;
    }

    /********************** end contact page css ***********/
    /******************** start our work page css ***************/
    .bckgroud_img_left_web, .bckgroud_img_left_ecommerce{

        position: relative;
        height: 335px;
        top: 0px;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_mobile {

        position: relative;
        height: 300px;
        top: 0px;
        left: -27%;
        width: 100%;
        background-size: contain;
    }
    .bckgroud_img_left_digital {
        background: url(images/digital.png) -17% 0 no-repeat;
        position: relative;
        right: 0;
        height: 260px;
        top: 0;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_hire_us {
        background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
        position: relative;
        right: 0px;
        height: 405px;
        top: 0;
        width: 100%;
        background-size: contain;
    }
    .web_section_start{
        padding-top: 0;
    }
    .ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /******************** end our work page css ****************/
}
@media only screen and (min-width :620px) and (max-width : 640px) and (orientation : landscape) {

	.service_slider {
		display: block;
	}
    /************* start page.php css here **************/
    .page_space .widget{
        margin-bottom: 0;
    }
    /************* end page.php css here **************/
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -20px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -20px;
    }
    /****************** end hire dedicated page css *************************/
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 50%;
    }
    .title{
        font-size: 14px;
    }
    .blog_date {
        font-size: 14px;
        clear: both;
        padding: 0;
        width: 60%;
        float: left;
    }
    .blog_cat {
        width: 40%;
        float: left;
        /* font-size: 15px; */
    }
    .blog_cat > ul > li {
        font-size: 14px;
    }
    h2.widgettitle {
        text-align: center;
    }
    div#recent-posts-3 {
        margin-bottom: 0px;
    }
    div#sub_categories_widget-2 {
        margin-bottom: 20px !important;
    }
    div#secondary {
        padding-top: 0px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div {
        margin-right: 5px;
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        padding: 4px !important;
    }
    a.nextpostslink, a.previouspostslink {
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        width: 25px !important;
    }
    /********************single blog page css***********************/
    .widget-area {
        margin-top: 20px !important;
    }
    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    /********* start hire developer css  **********/
    .hire_developer input#gform_submit_button_2 {
        bottom: 42px;
        position: absolute;
        right: 40px;
        width: 220px;
        height: 70px;
        top: unset;
    }
    div#page {
        margin-top: 0;
    }
    .hire_developer label#label_2_10_1{
        top: 74.5%;
    }

    .faq_number {
        width: 5%;
        display: inline-block;
    }
    .faq_title {
        width: 86%;
        display: inline-flex;
    }
    .mobile_top_sapce {
        padding-top: 30px;
    }
    label.acc_title i{
        right:16px;
    }
    main#main.site-main{
        margin-top: 0;
    }
    /********* end hire developer css  **********/

    /***************** start service section css **************/
    .textwrap {
      /*  top: 80%;*/
    }
    .Why_we_diff{
        padding: 20px 0;
    }
    .why_we_best_head:after{
        top: 45px;
    }
    .why_we_best_head{
        padding-bottom: 45px;
    }
    #web-design-development {
        padding-top: 1px;
        padding-bottom: 15px;
    }
    /***************** end service section css **************/

    /********************** start contact page css ***********/
    .contact_form input#gform_submit_button_2 {
        position: absolute;
        right: 40px;
        width: 220px;
        height: 70px;
        top: unset;
    }

    /********************** end contact page css ***********/

    /******************** start our work page css ***************/
    .bckgroud_img_left_web, .bckgroud_img_left_ecommerce{

        position: relative;
        height: 295px;
        top: 0px;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_mobile {

        position: relative;
        height: 300px;
        top: 0px;
        left: -27%;
        width: 100%;
        background-size: contain;
    }
    .bckgroud_img_left_digital {
        background: url(images/digital.png) -17% 0 no-repeat;
        position: relative;
        right: 0;
        height: 260px;
        top: 0;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_hire_us {
        background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
        position: relative;
        right: 0px;
        height: 356px;
        top: 0;
        width: 100%;
        background-size: contain;
    }
    .web_section_start{
        padding-top: 0;
    }
    .ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /******************** end our work page css ****************/
}
@media only screen and (min-width :560px) and (max-width : 570px) and (orientation : landscape) {

	.service_slider {
		display: block;
	}
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -20px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -20px;
    }
    /****************** end hire dedicated page css *************************/
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 49%;
    }
    .title{
        font-size: 14px;
    }
    .blog_date {
        font-size: 14px;
        clear: both;
        padding: 0;
        width: 50%;
        float: left;
    }
    .blog_cat {
        width: 50%;
        float: left;
        /* font-size: 15px; */
    }
    .blog_cat > ul > li {
        font-size: 14px;
    }
    h2.widgettitle {
        text-align: center;
    }
    div#recent-posts-3 {
        margin-bottom: 0px;
    }
    div#sub_categories_widget-2 {
        margin-bottom: 20px !important;
    }
    div#secondary {
        padding-top: 0px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div {
        margin-right: 5px;
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        padding: 4px !important;
    }
    a.nextpostslink, a.previouspostslink {
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        width: 25px !important;
    }
    /********* start hire developer css  **********/

    .hire_developer input#gform_submit_button_2 {
        width: 100%;
        position: relative;
        right: 7px;
    }
    div#page {
        margin-top: 0;
    }
    .hire_developer label#label_2_10_1{
        top: 67.5%;
        left: 100px;
    }

    .faq_number {
        width: 5%;
        display: inline-block;
    }
    .faq_title {
        width: 86%;
        display: inline-flex;
    }
    .mobile_top_sapce {
        padding-top: 30px;
    }
    label.acc_title i{
        right:16px;
    }
    main#main.site-main{
        margin-top: 0;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 65.5%;
    }
    /********* end hire developer css  **********/
    /***************** start service section css **************/
    .textwrap {
        /*top: 90%;*/
    }
    .Why_we_diff{
        padding: 20px 0;
    }
    .why_we_best_head:after{
        top: 45px;
    }
    .why_we_best_head{
        padding-bottom: 45px;
    }
    #web-design-development {
        padding-top: 1px;
        padding-bottom: 15px;
    }
    /***************** end service section css **************/

    /********************* start contact us page css *********************/
    input#gform_submit_button_2 {
        width: 100%;
        position: relative;
        right: 7px;
        height: 70px;
        float: none;
        top: 0;
    }
    label#label_2_10_1 {
        top: 66.5%;
        left: 100px;
    }

    /********************* end contact us page css *********************/

    /******************* start single page css ***************************/
    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    /******************* end single page css ***************************/

    /************ start what we do page css **************/
    .bckgroud_img_left_web, .bckgroud_img_left_ecommerce{

        position: relative;
        height: 240px;
        top: 0px;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_mobile {

        position: relative;
        height: 240px;
        top: 0px;
        left: -32%;
        width: 100%;
        background-size: contain;
    }
    .bckgroud_img_left_digital {
        background: url(images/digital.png) -17% 0 no-repeat;
        position: relative;
        right: 0;
        height: 230px;
        top: 0;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_hire_us {
        background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
        position: relative;
        right: 10%;
        height: 250px;
        top: 0;
        width: 100%;
        background-size: contain;
    }
    .web_section_start{
        padding-top: 0;
    }
    .ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /************ end what we do page css ***************/
    .widget{
        margin-bottom: 0;
    }
}
@media only screen and (min-width :660px) and (max-width : 670px) and (orientation : landscape) {

	.service_slider {
		display: block;
	}
    /************* start page.php css here **************/
    .page_space .widget{
        margin-bottom: 0;
    }
    /************* end page.php css here **************/
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -20px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -20px;
    }
    /****************** end hire dedicated page css *************************/
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 49%;
    }
    .title{
        font-size: 14px;
    }
    .blog_date {
        font-size: 14px;
        clear: both;
        padding: 0;
        width: 50%;
        float: left;
    }
    .blog_cat {
        width: 50%;
        float: left;
        /* font-size: 15px; */
    }
    .blog_cat > ul > li {
        font-size: 14px;
    }
    h2.widgettitle {
        text-align: center;
    }
    div#recent-posts-3 {
        margin-bottom: 0px;
    }
    div#sub_categories_widget-2 {
        margin-bottom: 20px !important;
    }
    div#secondary {
        padding-top: 0px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div {
        margin-right: 5px;
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        padding: 4px !important;
    }
    a.nextpostslink, a.previouspostslink {
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        width: 25px !important;
    }
    /********* start hire developer css  **********/
    .hire_developer input#gform_submit_button_2 {
        bottom: 42px;
        position: absolute;
        right: 40px;
        width: 220px;
        height: 70px;
        top: unset;
    }
    div#page {
        margin-top: 0;
    }
    .hire_developer label#label_2_10_1{
        top: 74.5%;
    }

    .faq_number {
        width: 5%;
        display: inline-block;
    }
    .faq_title {
        width: 86%;
        display: inline-flex;
    }
    .mobile_top_sapce {
        padding-top: 30px;
    }
    label.acc_title i{
        right:16px;
    }
    main#main.site-main{
        margin-top: 0;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 73.5%;
    }
    /********* end hire developer css  **********/
    /********************single blog page css***********************/
    div#sub_categories_widget-2 {
        margin-top: 20px;
    }
    .widget-area {
        margin-top: 20px !important;
    }
    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    /***************** start service section css **************/
    .textwrap {
        /*top: 80%;*/
    }
    .Why_we_diff{
        padding: 20px 0;
    }
    .why_we_best_head:after{
        top: 45px;
    }
    .why_we_best_head{
        padding-bottom: 45px;
    }
   #web-design-development {
        padding-top: 1px;
        padding-bottom: 15px;
    }
    /***************** end service section css **************/
    /********************* start contact us page css *********************/

    label#label_2_10_1 {
        top: 72.5%;
        left: 56px;
    }
    input#gform_submit_button_2 {
        position: absolute;
        right: 40px;
        width: 220px;
        height: 70px;
        top: unset;
    }
    .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 71%;
    }
    /********************* end contact us page css *********************/

    /************ start what we do page css **************/
    .bckgroud_img_left_web, .bckgroud_img_left_ecommerce{

        position: relative;
        height: 305px;
        top: 0px;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_mobile {

        position: relative;
        height: 240px;
        top: 0px;
        left: -32%;
        width: 100%;
        background-size: contain;
    }
    .bckgroud_img_left_digital {
        background: url(images/digital.png) -17% 0 no-repeat;
        position: relative;
        right: 0;
        height: 270px;
        top: 0;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_hire_us {
        background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
        position: relative;
        right: 0%;
        height: 370px;
        top: 0;
        width: 100%;
        background-size: contain;
    }
    .web_section_start{
        padding-top: 0;
    }
    .ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /************ end what we do page css ***************/
}



@media(min-width: 320px) and (max-width: 480px){

	.row {
		display: block;
	}

	.service_slider {
		display: block;
	}

    .banner_text h1 {
           font-size: 29px;
    }
    .rotate_text_section{
        padding-top: 0
    }
    .banner_button a.button.fullded, a:focus{
        width: 260px;
    }
    .background_banner_image{
            min-height: 360px;
    }
    .vertically_text {
       top: 15%;
    }
    .arrow-hint{
            bottom: 40px;
    }
    .banner_text{
        padding: 25px;
    }
    .banner_button{
            top: -15px
    }
    /************* start page.php css here **************/
    .page_space .widget{
        margin-bottom: 0;
    }
    /************* end page.php css here **************/
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -20px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -20px;
    }
    /****************** end hire dedicated page css *************************/
    /************ start what we do page css **************/
    .bckgroud_img_left_web, .bckgroud_img_left_ecommerce{

        position: relative;
        height: 240px;
        top: 0px;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_mobile {

        position: relative;
        height: 240px;
        top: 0px;
        left: -25%;
        width: 100%;
        background-size: contain;
    }
    .bckgroud_img_left_digital {
        background: url(images/digital.png) -17% 0 no-repeat;
        position: relative;
        right: 0;
        height: 135px;
        top: 0;
        width: 100%;
        background-size: 100%;
    }
    .bckgroud_img_left_hire_us {
        background: url(images/hire-us-1.jpg) 100% 100% no-repeat;
        position: relative;
        right: 0px;
        height: 200px;
        top: 0;
        width: 100%;
        background-size: contain;
    }
    .web_section_start{
        padding-top: 0;
    }
    .ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /************ end what we do page css ***************/
    /************ start faq page css ***************/
    ul#menu-company-sidebar li a{
        line-height: 40px;
    }
    /************ end faq page css ***************/
    /***** start mobile banner css *****/
    .subpage_banner_image {
        padding-top: 55px;
    }
    #page {
        margin-top: 0;
    }
    div.filters_container{
        margin-top: 0;
    }
    ul#filters li{
        height: 50px !important;
    }
    /***** end mobile banner css *****/

    .mobile_banner {
        padding-top: 50px;
    }
    .title{
        font-size: 16px;
    }
    .blog_date {
        font-size: 14px;
        clear: both;
        padding: 0;
        width: 60%;
        float: left;
    }
    .blog_cat {
        width: 40%;
        float: left;
        /* font-size: 15px; */
    }
    .blog_cat > ul > li {
        font-size: 14px;
    }
    h2.widgettitle {
        text-align: center;
    }
    div#recent-posts-3 {
        margin-bottom: 0px;
    }
    div#secondary {
        padding-top: 0px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div {
        margin-right: 5px;
        float: left;
        width: 25px;
        height: 25px;
        border-radius: 25px;
        position: relative;
        padding: 4px !important;
    }
    a.nextpostslink, a.previouspostslink {
        font-size: 25px;
        font-weight: bold;
        position: absolute;
        top: 0px;
        width: 25px !important;
    }

    /**** single blog page css ****/
    .single_php h1{
        font-size: 18px;
        margin: 0;
        line-height: 22px;
    }
    .single.single-post .blog-full h5 {
        float: left;
        font-size: 14px;
        padding-top: 3px;
    }
    .social_icons_single {
        text-align: center;
        letter-spacing: 5px;
        width: 100%;
        clear: both;
    }
    .social_icons_single.col-xs-12{
        position: unset;
    }
    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    .single_blog_icon i.fa.fa-facebook-f,
    .single_blog_icon i.fa.fa-google-plus,
    .single_blog_icon i.fa.fa-twitter,
    .single_blog_icon i.fa.fa-linkedin,
    .single_blog_icon i.fa.fa-instagram,
    .single_blog_icon i.fa.fa-youtube{
        width: 39px;
        height: 39px;
    }
    .button_single{
        width: 100%;
    }
    div#sub_categories_widget-2 {
        margin-bottom: 0;
    }
    /** start hire developer page css*****/
     .hire_developer label#label_2_10_1 {
         padding-left: 10px;
         font-size: 14px;
         position: absolute;
         top: 67.5%;
         left: 62px;
     }
     .contact_form ul {
         margin-left: 0;
     }
     input#gform_submit_button_2{
         width:100%;
         position: relative;
         right: 7px;
     }
     .faq_number {
         width: 5%;
         display: inline-block;
     }
     .faq_title {
         width: 86%;
         display: inline-flex;
     }
     .mobile_top_sapce {
         padding-top: 30px;
     }
     label.acc_title i{
         right:16px;
     }
     .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
         top: 65.6%;
     }
     input#gform_submit_button_2:hover {
         width: 100%;
         background: #44c8e8;
     }
     label#label_2_10_1 {
         top: 66.5%;
     }
     .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
         top: 64.5%;
     }
    main#main.site-main{
        margin-top: 0;
    }
    /************** End hire developer page css **************/
    /************** start services section css **************/
    .textwrap {
       top: 51%;
    }
    #web-design-development {
        padding-top: 1px;
        padding-bottom: 10px;
    }
    .port_heading, .service_heading {
        font-size: 25px;
    }
    .why_we_best_head:after{
        top: 45px;
    }
    .why_we_best_head {
        padding-bottom: 45px;
    }
    .Why_we_diff {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    /************** end services section css ***************/

    /********************* start contact page css *****************/
    .contact_form  label#label_2_10_1 {
        top: 66.5%;
        font-size: 14px;
        left: 63px;
    }

    /********************* end contact page css ******************/
}
@media (min-width:318px) and (max-width: 320px){
    .bckgroud_img_left_web {
        top: -25px;
    }
}
@media only screen and (min-width: 478px) and (max-width: 481px) and (orientation: landscape) {
    .textwrap {
        /*top: 94%;*/
    }
    .quad h2 {
        font-size: 18px;
    }
}
@media (min-width: 358px) and (max-width: 361px) {
    .textwrap {
        /*top: 70%;*/
    }
}
@media (min-width: 409px) and (max-width: 411px) {
    .textwrap {
        /*top: 65%;*/
    }
    .bckgroud_img_left_hire_us{
        right: 27px;
    }
}
@media (min-width: 370px) and (max-width: 375px) {
    .textwrap {
        /*top: 70%;*/
    }
}
@media (min-width: 412px) and (max-width: 414px) {
    .textwrap {
        /*top: 65%;*/
    }
    .bckgroud_img_left_hire_us{
        right: 27px;
    }

}
@media (min-width: 767.85px) and (max-width: 768px){
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -10px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -10px;
    }
    /****************** end hire dedicated page css *************************/
}







@media (max-width:1024px){
    a#phone_call {
        left: 0;
        display: block;
        font-size: 14px;
    }
    a#phone_call {
    text-align: left;
    padding-left: 31px;
}
a#phone_call:before{
    left: unset;
}
a#phone_call2{
   width: 82%;
    border-bottom: 0 !important;
}

    .logo_div_responsive{

    }
    .get_free_estimation_btn {
        background: #44c8e8 !important;
        border-radius: 0px;
        padding: 3%;
        position: fixed;
        font-size: 20px !important;
        width: 100%;
        text-transform: uppercase;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .subpage_banner_image.hidden-xs {
        padding-top:55px;
    }
    .menu-header-menu-container{
        background: #44c8e8;
        display: none;
    }
}
@media (min-width:961px) and (max-width:1024px){

    #gform_submit_button_2{
        float:none;
        top:0;
        width:96%;
    }
    .portfolio_bottom .slick-nav.slide-nav-right {
        left: auto;
        right: 0;
    }
    .portfolio_bottom .slick-nav {
        left: 0;
    }
    .page-template-page-hire-developer .menu-header-menu-container>ul>li>a,.page-template-default .menu-header-menu-container>ul>li>a{
        color:#fff;
    }
    .portfolio_slider button.slick-prev:after,.portfolio_slider button.slick-next:after{
        font-size: 40px;
    }
    .portfolio_slider .slick-prev {
        left: 0px;
        top: 50%;
        cursor: pointer;
    }
    .portfolio_slider .slick-next {
        right: 0;
        top: 50%;
        cursor: pointer;
    }
    .portfolio_slider.slick-initialized.slick-slider {
        padding: 0 30px;
    }

    .portfolio_project_list.slick-initialized.slick-slider {
        padding: 0 30px;
    }

    .gform_wrapper.hire_inquiry_wrapper .top_label div.ginput_container{
        margin-right: 16px;
    }
    ::-webkit-scrollbar {
        width: 0;
    }
    .header_container.header_icon {
        position: fixed;

    }

    .mobile_menu{
        display:block;
    }
    .mobile_menu{
        display:block;
    }
    .fixed{
        background: none!important;
    }
    .fixed ul.menu > li > a {
        color: #fff !important;
    }
    div#header-menu {
        margin-left: 0;
        padding-left: 0px;
        padding-right: 0px !important;
        position: absolute!important;
        top: 50px;
        width: 100%;
        z-index: 9999;
        left: -100%;
    }
    .menu-header-menu-container > ul > li:after{
        height:0;
    }
    .nav-button {
        display: block !important;
    }

    .call {
        display: block !important;
    }

    .menu-header-menu-container ul li {
        width: 100%;
    }
    .fixed .menu-header-menu-container{
        float: none;
    }
    .hire-developer ul.sub-menu {
        left: 0px !important;
    }
    .mobile_req{
        height:50px;
        line-height: 50px;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        width:100%;
        background: #4E9FDE;
    }
    .mobile_req a{
        background: none;
        color:#fff;
        font-size:25px;
    }
    .page-template-contact .menu-header-menu-container>ul>li>a{
        color:#fff;
    }
}
@media (max-width: 960px) {
    .dedication_section {
        padding-top: 0px;
    }
    /* date 26-nov-2018 */
    li#menu-item-3097 > a {
        padding: 15px;
    }
    .service_slider button.slick-next:after {
        content: '\f105';
        font-size: 65px;
        color: #44c8e8;
        font-display: auto;
        font-family: FontAwesome;
        font-weight: normal;
    }
    .service_slider button.slick-prev:after {
        content: '\f104';
        font-size: 65px;
        color: #44c8e8;
        font-display: auto;
        font-family: FontAwesome;
        font-weight: normal;
    }
    .social_area {
        z-index: 9999;
    }
    .col-sm-6.footer-social-icon {
        text-align: center;
    }
    /*.service_heading:after, .port_heading:after {
        top: 50px;
    }*/
    .contactquote a {
        color: #fff !important;
    }
    .contactquote:before {
        display: none;
    }
    .contactquote {
        border: none;
        border-radius: 0px;
    }
    .contactquote > a{
        animation: none;
    }
    li#menu-item-3097 {
        margin-top: 0;
    }

    .address{
        margin-left: 70px;

    }
    .address h2.location{
        margin-left:-70px;
    }
    .address:before{
        top:25%;
        left:15px;
        content:"\f041";
        position: absolute;
    }
    #gform_submit_button_2{
        float:none;
    }

    .page-template-contact .menu-header-menu-container>ul>li>a{
        color:#fff;
    }
    .portfolio_bottom .slick-nav.slide-nav-right {
        left: auto;
        right: 0;
    }
    .portfolio_bottom .slick-nav {
        left: 0;
    }
    .page-template-page-hire-developer .menu-header-menu-container>ul>li>a,.page-template-default .menu-header-menu-container>ul>li>a{
        color:#fff;
    }

    #gform_submit_button_2{
        width:96%;
        top:0;
    }
    .gform_wrapper.contact_form_wrapper .gform_footer{
        margin:0;
    }
    .portfolio_slider.slick-initialized.slick-slider {
        padding: 0 30px;
    }

    .portfolio_project_list.slick-initialized.slick-slider {
        padding: 0 30px;
    }

    .portfolio_slider button.slick-prev:after,.portfolio_slider button.slick-next:after{
        font-size: 60px;
    }
    .portfolio_slider .slick-prev {
        left: -8px;
        top: 50%;
        cursor: pointer;
    }
    .portfolio_slider .slick-next {
        right: -8px;
        top: 50%;
        cursor: pointer;
    }
    .portfolio_slider.slick-initialized.slick-slider {
        padding: 0 30px;
    }
    .gform_wrapper.hire_inquiry_wrapper .top_label div.ginput_container{
        margin-right: 16px;
    }
    div#footer4 p {
        text-align: center;
        margin: 0 0 10px;
    }

    .mega.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-1817 a:after{
        font-display: auto;
        font-family: FontAwesome;
        position: absolute;
        font-weight: 600;
        bottom:5px;
        right:20px;
        content:'\f107'
    }
    ul li:hover ul li.mega:after{
        font-display: auto;
        font-family: FontAwesome;
        position: absolute;
        font-weight: 600;
        bottom:5px;
        right:20px;
        content:'\f107';
    }
    ::-webkit-scrollbar {
        width: 0;
    }
    .menu-header-menu-container ul li a{
        color: #fff;
    }
    .mobile_menu{
        display:block;
    }
    .fixed ul.menu > li > a {
        color: #fff !important;
    }
    .get_free_estimation_btn{
        background: #3f9fb7;
    }
    .menu-header-menu-container > ul > li:after{
        height:0;
    }
    footer.site-footer{
        opacity: 1;
    }
    .header_container.header_icon{
        position: fixed;
        top: 0 !IMPORTANT;
        background: #fff;
    }

    .nav-button {
        display: block !important;
    }
    

    
    .call {
        display: block !important;
    }
    .menu-header-menu-container ul li {
        width: 100%;
    }
    .header-container.fixed {
        position: fixed !important;
        width: 100%;
    }
    menu .primary-nav .open li a {
        color: #fff;
    }
    .menu-header-menu-container > ul > li.current-menu-parent:after, .menu-header-menu-container > ul > li.current-menu-item:after{
        display:none !important;
    }
    .services{
        width:100%;
    }
    .circle_web{
        text-align: center;
    }
    .hire-developer ul.sub-menu {
        left: 0px !important;
    }
    .mobile_req{
        height: 50px;
        line-height: 50px;
        position: absolute;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        background: #4E9FDE;
        top: 0px;
    }
    .mobile_req a{
        background: none;
        color:#fff;
        font-size:25px;
    }
    .container.ourservice.test_head:after{
        top:0px!important;
        bottom: 0;
    }
    .joinus_popup #cboxContent{
        background: none;
    }
    #input_1_10{
        overflow: hidden;
    }
}
@media (max-width:768px){
    .subpage_banner_image.hidden-xs {
        padding-top: 136px;
    }
}
@media (min-width: 768px) and (max-width:1024px){
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 50%;
    }
    /**************** start faq page css *************/
    .secondary {
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    }
    label.acc_title i{
        right:0;
    }
    /**************** end faq page css *************/
    .single_php .widget.widget_recent_entries {
        margin-top: 100px;
    }
    /************* blog page *************/
    .title {
        font-size: 16px;
    }
    .listing_blog div#recent-posts-3 {
        margin-bottom: 0;
        width: 100%;
    }
    .single_php div#recent-posts-3 {
        margin-bottom: 0;
    }
    div#recent-posts-3 h2:first-child{
        text-align: center;
    }
    a.nextpostslink, a.previouspostslink{
        top: -11px;
    }
    .subpage_banner_image{
        margin-top: 55px;
    }
    /************* blog page *************/
    .service_heading:after, .port_heading:after {
        top: 61px;
    }
    .col-sm-6.footer-social-icon {
        text-align: center;
    }

    .gform_wrapper.contact_form_wrapper.gform_validation_error #gform_submit_button_2{
        top:0;
    }
    .portfolio_section{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .logo_div{
        display:none;
    }
    .front-face,.back-face{
        width:200px;
        height:200px;
    }
   
    .fixed_logo_div {
        top: 1px;
        /* z-index: -1; */
        margin: auto;
        right: 0;
        text-align: center;
        left: 0;
        width: 240px;
        display: block;
        position: fixed;
    }
    .gform_wrapper.hire_inquiry_wrapper ul.gform_fields li.gfield{
        padding-right:0;
    }
    .gform_wrapper.hire_inquiry_wrapper ul.gfield_checkbox li{
        width:100%;
    }
    /************ start page hire developer css ***********/
    .hire_developer input#gform_submit_button_2 {
        bottom: 0;
        top: 84%;
        right: 30px;
        width: 50%;
    }
    .mobile_top_sapce {
        padding-top: 30px;
    }
    /************ end page hire developer css ************/
    /************ start contact page css ************/
    .contact_form input#gform_submit_button_2 {
        bottom: 73px;
        height: 70px;
        float: none;
        width: 100%;
        position: relative;
        right: 7px;
    }
    label#label_2_10_1 {
        top: 67%;
    }
    .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 65%;
    }
    .contact_captcha div.gfield_description.validation_message {
        top: 5px !important;
    }
    /************ end contact page css ************/

}
@media (min-width: 1023px) and (max-width: 1025px) {
    .address:before {
        content: "\f041" !important;
        font-family: fontAwesome;
        font-size: 100px;
        color: #4E9FDE;
        position: absolute;
        top: 40px !important;
    }
    .address p, .address_2 p {
        margin-left: 90px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .single_blog_icon .fa-google-plus:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-facebook-f:before,
    .single_blog_icon.fa-facebook:before,
    .single_blog_icon.fa-google-plus:before,
    .single_blog_icon .fa-twitter:before,
    .single_blog_icon .fa-linkedin:before,
    .single_blog_icon .fa-instagram:before,
    .single_blog_icon .fa-youtube:before{
        top: 13px;
    }
    .widget.widget_recent_entries {
        margin-top: 0px;
    }
    .widget {
        margin-bottom: 0;
    }
    /************* blog page *************/
   .listing_blog div#recent-posts-3 {
        margin-bottom: 0;
        width: 25%;
        margin-top: 5px;
    }
    .pagination_blog > .wp-pagenavi a, .pagination_blog > .wp-pagenavi div{
        height: 30px;
        padding: 1px !important;
    }
    a.nextpostslink, a.previouspostslink{
        top: -11px;
    }
    /************* blog page *************/
    /**************** start single blog page css ***********************/
    .single_php div#recent-posts-3 {
        margin-bottom: 0;
        margin-top: 0;
    }
    /**************** end single blog page css ***********************/
    /************ start page hire developer *********************/
    .hire_developer input#gform_submit_button_2 {
        bottom: 0;
        top: 84%;
        right: 8px;
        width: 100%;
        position: relative;
    }
    .hire_developer label#label_2_10_1 {
        left: 65px;
        top: 67.5%;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 66.5%;
    }
    .hire_developer .contact_captcha div.gfield_description.validation_message {
        top: 1px !important;
    }
    /************ end page hire developer *********************/
}

@media(min-width:320px) and (max-width:991px){
    .main_navigation_right{
        width:100%;
        right:-100%;
    }
    #footer3{
        text-align: center;
    }
}

@media (max-width: 767px){
    .service_slider .slick-next {
        right: 5px;
        top: 54%;
        cursor: pointer;
    }
    .service_slider .slick-prev {
        left: 5px;
        top: 54%;
        cursor: pointer;
    }
    div#footer4 p {
        text-align: left;
        margin: 0 0 10px;
    }
    .footersociname i.fa.fa-facebook-f {
        left: -5px;
    }
    .footersociname i.fa.fa-google-plus {
        left: -5px;
    }
    .footersociname i.fa.fa-twitter {
        left: -5px;
    }
    .footersociname i.fa.fa-linkedin {
        left: -5px;
    }
    .footersociname i.fa.fa-instagram {
        left: -5px;
    }
    .footersociname i.fa.fa-youtube {
        left: -5px;
    }
    .portfolio_section{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .servcie_container .col-sm-4,.servcie_container .col-sm-6{
        padding-bottom: 20px;
    }

    .header-menu:before {
        top: 29px !important
    }
}
@media (max-width: 666px){
    ::-webkit-scrollbar {
        width: 0;
    }
    #field_1_10{
        float:none;
        margin-top: 0;
    }
    .gform_wrapper.request_quote_wrapper .gform_footer{
        margin-top: 0;
        width:100%;
    }
    #input_1_7 {
        height: 100px;
    }
    .joinus_popup #cboxContent{
        background: none;
    }
    #input_1_10{
        overflow: hidden;
    }
}
@media (min-width: 320px) and (max-width: 639px) {
    .gform_wrapper.contact_form_wrapper.gform_validation_error #gform_submit_button_2{
        top:0;
    }
    .gform_button.button.normal_btn{
        width:100%;
    }
}
@media only screen and (min-width :470px) and (max-width : 480px) and (orientation : landscape) {
    .front-face, .back-face {
        width: 190px;
        height: 190px;
    }
    .service_slider .slick-slide {
        margin: 0 0px;
        padding-left: 29px;
    }
    .service_slider button.slick-next:after, .service_slider button.slick-prev:after {
        font-size: 50px;
    }
    .service_slider .slick-next {
        right: -10px;
        top: 50%;
    }
    .service_slider .slick-prev {
        left:-10px;
        top: 50%;
    }
    .back-face span {
        font-size: 30px;
    }
}
@media only screen and (min-width :812px) and (max-width : 825px) and (orientation : landscape) {
    /****************** start hire dedicated page css *************************/
    .hire_dedicated_slider button.slick-prev.slick-arrow {
        position: absolute;
        left: -13px;
    }
    .hire_dedicated_slider button.slick-next.slick-arrow {
        position: absolute;
        right: -13px;
    }
    /****************** end hire dedicated page css *************************/
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 49%;
    }
    .widget {
        margin-bottom: 0;
    }

    .secondary {
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
        padding: 0;
    }
    .footersociname i.fa.fa-facebook-f {
        left: -5px;
    }
    .footersociname i.fa.fa-google-plus {
        left: -5px;
    }
    .footersociname i.fa.fa-twitter {
        left: -5px;
    }
    .footersociname i.fa.fa-linkedin {
        left: -5px;
    }
    .footersociname i.fa.fa-instagram {
        left: -5px;
    }
    .footersociname i.fa.fa-youtube {
        left: -5px;
    }

   /************* blog page *************/
    .title {
        font-size: 14px;
    }
   /************* blog page *************/

    .footersociname i.fa.fa-google-plus {
        left: -5px;
    }
    .footersociname i.fa.fa-twitter {
        left: -9px;
    }
    .footersociname i.fa.fa-linkedin {
        left: -6px;
    }
    .footersociname i.fa.fa-youtube {
        left: -7px;
    }
    .subpage_banner_image.hidden-xs {
        padding-top: 140px;
    }
    /****************** page hire developer css **********************/
    .hire_developer label#label_2_10_1 {
        padding-left: 10px;
        font-size: 16px;
        position: absolute;
        top: 74.5%;
    }
    .hire_developer input#gform_submit_button_2 {
        bottom: 50px;
        position: absolute;
        right: 40px;
        width: 46%;
        height: 70px;
        top: unset;
    }
    .hire_developer input#gform_submit_button_2:hover {
        width: 46%;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error #gform_submit_button_2 {
        top: 84%;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 72.5%;
    }
    /****************** page hire developer css **********************/
    /***************** start contact page css ***************/
    input#gform_submit_button_2 {
        width: 100%;
        position: relative;
        right: 7px;
        height: 70px;
        float: none;
        top: 0;
    }
    input#gform_submit_button_2:hover{
        width: 100%;
    }
    label#label_2_10_1 {
        top: 66%;
    }
    .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 64%;
    }
    .contact_captcha div.gfield_description.validation_message {
        top: 3px !important;
    }
    /***************** end contact page css ***************/

    /******************** start what we do page css *******************/
    .web_section_start,.ecommerce_section_start,.mobile_section_start,.digital_section_start,.hire_us_section_start{
        padding: 10px 0;
    }
    /******************** end what we do page css *******************/
}
@media only screen and (min-width :1012px) and (max-width : 1024px) and (orientation : landscape) {
    div.filters_container{
        margin-bottom: 0;
    }
    #hover_ex {
        padding: 0;
        float: left;
        clear: none;
        width: 33.33%;
    }
    .subpage_banner_image.hidden-xs {
        padding-top: 127px;
    }
    .contactquote {
        border-radius: 0px;
    }
    li#menu-item-3097 {
        margin-top: 0px;
    }
    li#menu-item-3097 > a {
        padding: 15px;
    }
    .menu.primary-nav.open {
        left: 1px;
    }
    .footersociname i.fa.fa-google-plus {
        left: -5px;
    }
    .footersociname i.fa.fa-twitter {
        left: -9px;
    }
    .footersociname i.fa.fa-linkedin {
        left: -6px;
    }
    .footersociname i.fa.fa-youtube {
        left: -7px;
    }
    /************ start page hire developer *********************/
    .hire_developer input#gform_submit_button_2 {
        bottom: 0;
        top: 84%;
        right: 8px;
        width: 100%;
        position: relative;
    }
    .hire_developer label#label_2_10_1 {
        left: 65px;
        top: 67.5%;
    }
    .hire_developer .gform_wrapper.contact_form_wrapper.gform_validation_error label#label_2_10_1 {
        top: 66.5%;
    }
    .hire_developer .contact_captcha div.gfield_description.validation_message {
        top: 1px !important;
    }
    /************ end page hire developer *********************/
    /************** start contact page css ********************/
    label#label_2_10_1 {
        top: 67%;
        left: 65px;
    }
    /************** end contact page css ********************/

    /**************** start single blog page css ***********************/
    .single_php div#recent-posts-3 {
        margin-bottom: 0;
        margin-top: 0;
    }
    /**************** end single blog page css ***********************/
}
@media (min-width:768px) and (max-width:823px){
    .content-area.page_php.col-sm-9{
       width:100%;
    }
    .column_blog {
        width: 50%;
    }
    ul#menu-company-sidebar li a {
        line-height: 15px;
    }
}
@media (min-width:481px) and (max-width:767px) {
    .column_blog {
        width: 50%;
    }
}
@media (min-width:320px) and (max-width:480px){
    .column_blog{
        width: 100%;
    }
}
.contact_form ul{
    list-style: none !important;
}
.contact_form ul li{
    margin-right: 15px;
	position: relative;
}



/*****************banner auto write css start******************/
.cd-title {
    position: relative;
    height: 160px;
    line-height: 160px;
    text-align: center
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700
}

@media only screen and (min-width:1170px) {
    .cd-title {
        height: 200px;
        line-height: 200px
    }
    .cd-title h1 {
        font-size: 3rem
    }
}

.cd-filter,
.cd-intro {
    width: 100%;
    text-align: center
}
.cd-filter {
    margin: 0 auto;
    max-width: 600px;
    text-align: center
}

.cd-filter li {
    position: relative;
    display: inline-block;
    margin: .5em .4em
}

.cd-filter input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.cd-filter input:checked+label {
    color: #0096a7;
    background: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .06)
}

.cd-filter label {
    display: inline-block;
    padding: .6em .8em;
    background: #1a1a1a;
    color: #737373;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 5px rgba(0, 0, 0, .6);
    cursor: pointer;
    border-radius: 3px
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2
}

@media only screen and (min-width:768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 300
    }
}

@media only screen and (min-width:1170px) {
    .cd-headline {
        font-size: 6rem
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}
.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}
/*****************banner auto write css end******************/


.home_title_text {
    color: #27bada;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}
.why_we_def_cont {
    text-align: center;
    margin-bottom: 70px;
}
/*.Why_we_diff_topic:nth-child(odd) {
    background-color: #47c9e5;
	
}*/
.Why_we_diff_topic:nth-child(odd) div, .Why_we_diff_topic:nth-child(odd) div p
{
	color:#333333;
}
.Why_we_diff_topic:nth-child(even) {
    background-color: #ffffff;
}
.Why_we_diff_topic:nth-child(even) .Why_we_diff_left {
    float: right;
	text-align: right;
}
.Why_we_diff_topic {
    padding: 70px 0;
}
.Why_we_diff_topic_row
{
	display: flex;
    align-items: center;
}
.Why_we_diff_topic_title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 15px;
}
.Why_we_diff_topic_title:after
{
	position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    bottom: 0px;
}
.Why_we_diff_topic:nth-child(odd) .Why_we_diff_topic_title:after {
    background-color: #fff;
}
.Why_we_diff_topic_button
{
	position:relative;
	overflow: hidden;
    display: inline-block;

}
.Why_we_diff_topic_button a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #333;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
	width: 200px;
    text-align: center;
	z-index: 1;
    position: relative;
    color: #333;
}
.Why_we_diff_topic:nth-child(odd) .Why_we_diff_topic_button a
{
	border: 1px solid #333;
    color: #fff !333;	
}
.Why_we_diff_topic_cont {
    margin-bottom: 40px;
}
.Why_we_diff_topic:nth-child(odd) .Why_we_diff_right {
    padding-left: 80px;
}
.Why_we_diff_topic:nth-child(even) .Why_we_diff_right {
    padding-right: 80px;
}
.testimonial-section {
    padding-bottom: 70px;
}
h2.testimonial-title {
    position: relative;
    font-size: 25px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
    text-align: center;
    padding-bottom:25px;
    margin-bottom: 35px;
}
h2.testimonial-title:after {
    position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    right: 0;
    bottom: 0px;
    margin: auto;
}
.testimonial_slider {
    /*width: 70%;*/
    margin: auto;
    text-align: center;
}
.testimonial_slider .slick-dots
{
	bottom:-40px;
}
.testimonial_image {
    margin-bottom: 30px;
}
.learn_btn_eff{
   width: 200px;
    height: 52px;
    left: -200px;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    top: 0px;
    background-color: #1b2f3f;
}
.Why_we_diff_topic_button:hover .learn_btn_eff {
    left: 41px;
    top: -1px;
}
.Why_we_diff_topic:nth-child(even) .learn_btn_eff
{
	background-color: #47c9e5;
}
.Why_we_diff_topic:nth-child(even) .Why_we_diff_topic_button:hover a
{
	border-color: #47c9e5;
	color:#ffffff;
}


.subpage_banner_image {
    width: 100%;
    text-align: center;
    background-color: #25a6dd;
    position: relative;
}
.subpage_banner_title {
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
	
}
.subpage_banner_title h2 {
    font-weight: bold;
    color: #fff;
    border-bottom: 3px solid #fff;
    width: 50px; 
    font-size: 30px;
    padding-bottom: 10px;
    margin: auto;
}
.page-template-page-what-we-do .subpage_banner_title 
{
	top: 44%;
}
.subpage_banner_title h1:after{
	position: absolute;
    content: "";
    width: 75%;
    height: 3px;
    background-color: #ffffff;
    left: 0px;
    right: 0;
    margin: auto;
    bottom: 0;
}
.subpage_banner_title h1 {
    color: #fff;
    font-size:30px;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    display: inline-block;
	position: relative;
    padding-bottom: 15px;
    text-transform: none;
}
.second_nav_header #menu-header-menu li {
    float: none;
    display: inline-block;
	padding-top: 10px;
}

.what_we_do_list_inner {
    clear: both;
    padding: 40px 0 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: top left;
}
.col-sm-6.what_we_do_list_cont {
    margin-left: 50%;
    padding-left: 60px;
}


.what_we_do_list_inner:nth-child(even) {
  background-position: top right;
}
.what_we_do_list_inner:nth-child(even) .col-sm-6.what_we_do_list_cont {
    margin-left: 0%;
	padding-right: 60px;
	padding-left: 0px;
}
.what_we_do_list_title {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.what_we_do_list_title:after {
    position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    bottom: 0px;
}
.dev_icon {
    display: inline-block;
    height: 70px;
    width: 70px;
    text-align: center;
    background-color: #44c8e8;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.dev_icon i{
    margin-top: 10px;
}
.dev_icon:hover
{
	background-color: #000;
}
.dev_icon a{
	color: #fff !important;
}
.mobile_top_sapce > div
{
	padding-left:60px;
}
.menu-header-menu-container .menu-what-we-do-page-menu-container ul li a
{
	padding:25px 15px;
}
.hire_spceing.hire_dev_pages .entry-header {
    display: none;
}
.hire_dev_icon {
	float: left;
    width: 22.4%;
    text-align: center;
    padding: 30px 15px;
    margin: 15px 15px;
    background-color: #f1f1f1;
    height: 250px;
    border-radius: 20px;
}
.hire_dev_icon:hover {
    box-shadow: 2px 3px 15px 5px #777;
    cursor: pointer;
/*    background-color: #09b3d8;*/
    background-color: #000;
    opacity: 0.9;
}
.hire_dev_icon:hover .hire_icon_title {
    color: #fff;
}
.hire_icon_img {
	height: 125px;
	width: 125px;
	margin: auto;
}
.hire_dev_icon_section {
	padding: 50px 0;
}
.hire_icon_title {
	font-weight: bold;
	padding-top: 10px;
	font-size: 16px;
	line-height: 24px;
}
.blog_listing .column_blog
{
	width:100%;
}
.blog_listing .grid-img {
    width: 40%;
    float: left;
	position: relative;
}
.blog_listing .grid_box {
    width: 60%;
    float: left;
}
.blog_listing a.featured_image img {
	height:auto;
}
.blog_listing .blog_cat {
    width: auto;
    position: absolute;
    bottom: 25px;
    background: #000;
    color: #fff;
    padding: 4px 25px;
    text-align: left;
	text-transform: uppercase;
}
.blog_listing .blog_cat a{
	color:#fff !important;
}
.blog_listing .blog_date {
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 9px;
    color: #44c8e8;
}
.blog_listing a:link.blog-title {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    color: #333;
}
.blog_description p
{
	margin-bottom:10px;
}
.position_text ul {
    font-size: 14px;
    padding-left: 20px;
}
.main-content-area {
    padding: 50px 0;
}
.position_section {
    border: 1px solid #efefef;
    background-color: #efefef;
}
span.plus.pos {
    position: absolute;
    right: 0;
    top: 0;
    color: #44c8e8;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
}

.position_heading {
    position: relative;
    cursor: pointer;
}
.position_content {
    padding: 15px 15px;
}
.position_content:nth-child(even) {
    background: #fff;
}
.position_text {
    padding: 15px 15px 0;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}
.pos_title {
    color: #333;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}
.position_text h4 {
    font-size: 15px;
    font-weight: bold;
}
/* .blog_read_more a {
    font-weight: bold;
    background-color: #44c8e8;
    color: #fff;
    padding: 6px 25px;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
}
.blog_read_more a:hover{
    background-color: #1b2f3f;
    transition: all .5s ease;
} */

.blog_read_more{
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 1px 2px rgba(0,0,0,0.24);
    float: left;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    background: #44c8e8;
    height: 50px;
    padding: 0px;
    font: 800 15px/50px 'Open Sans', sans-serif;
    color: #FFF;
    /* letter-spacing: 1.2px; */
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 5px;
    width: 125px;
    /* margin-bottom: 10px; */
}
.blog_read_more a{
    color: #fff !important;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
}
.blog_read_more:hover .button_effect{
    left: -11px;
    top: 0px;
}
.blog_read_more:hover a{
    color:#fff !important;
}

.career-form{}
.career-form ul{
    list-style: none;
}
.career-form ul li{
    margin-bottom:15px;
    font-size:15px;
}
.career-form ul li label{
    margin-bottom:5px;
}
.career-form ul li select{
    font-size:15px;
    width:100%;
}
.career-form ul li input{
    width:100%;
}
.career-form .gform_footer input[type="submit"]{
    height: 70px;
    padding: 10px 25px;
    line-height: 30px;
    width:185px;
    background-color: #44c8e8;
    position: absolute;
    bottom: 28px;
    right: 0;
    margin-right: 13px;
}
.career-form #field_5_17{
    position: relative;
}
.career-form .gform_footer input[type="submit"]:hover{
    background-color: #1b2f3f;
    transition: all .5s ease;
}
.menu-header-menu-container.col-sm-12{
    padding:0;
    
}
.top-about-sec{
    background:#f2f3fa;
    padding:80px 0px 80px;
}
.our-mission-sec,
.our-vision-sec{
    background: #fff;
    padding:0px 70px 25px 70px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    transition:0.5s;
}
.our-mission-sec:hover,
.our-vision-sec:hover{
    box-shadow:none;
}
.top-about-sec .icon-sec{
    display: inline-block;
    background:#47c9e5;
    padding:20px;
    border-radius: 50%;
    margin-top:-50px;
    
}
.top-about-sec .icon-sec img{
    max-width:60px;
    transition:0.5s;
}
.top-about-sec .about-sub-title{
    font-weight:600;
    font-size:24px;
    margin-top:15px;
    margin-bottom:5px;
}
.top-about-sec .about-sub-desc{
    min-height:150px;
}
.top-about-sec .about-sub-desc p{
    font-size:18px;
    line-height:30px;
    margin:0;
}
.top-about-sec .our-mission-sec:hover .icon-sec,
.top-about-sec .our-vision-sec:hover .icon-sec {
    background:#000;
}   
.top-about-sec .our-mission-sec:hover .icon-sec img,
.top-about-sec .our-vision-sec:hover .icon-sec img{
    transform: rotateY(180deg);
}
.middle-about-content{
    padding:70px 0px;
}
.middle-about-content ul{
    font-size:14px;
    padding:0 0 0 15px;
}

.why-choose-sec{
    background:#f5f5f5;
    padding:70px 0px;
}
.why-choose-sec .title-why-choose {
    text-align: center;
}
.why-choose-sec .title-why-choose h2{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size:35px;
}
.why-choose-sec .title-why-choose h3{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 26px;
    font-style: italic;
    color: #333;
    margin:20px 0 35px ;   
}
.why-choose-sec .title-why-choose h3 span{
    color:#47c9e5;
}
.why-choose-tab{}
.why-choose-tab .block-sec{
    background: #fff;
    padding: 20px;
}
.why-choose-tab .block-sec .img-box{
    overflow:hidden; 
}
.why-choose-tab .block-sec .img-box img{
    transition:0.5s;
}
.why-choose-tab .block-sec .title-chosen h2{
    font-size:20px;
    font-weight:600;
    margin-top:25px;
}
.why-choose-tab .block-sec .tab-desc p{
    margin-bottom:0px;
}
.why-choose-tab .block-sec:hover .img-box img{
    transform: rotate(5deg) scale(1.2);
}

.counter-section{
    background:#47c9e5;
    padding:70px 0px;
}
.counter-section .count-outer{
    text-align: center;
    color:#ffffff;
    font-weight: 600;
    font-size: 55px;
    font-family: "Poppins", sans-serif;
}
.counter-section .count-outer span{
    color:#fff;
    position: relative;
    font-weight: 600;
    font-size: 65px;
    line-height: 70px;
    font-family: "Poppins", sans-serif;
}
.counter-section .counter-title{
    position: relative;
    font-weight: 600;
    margin-top: 8px;
    font-size:18px;
    display: block;
    margin-top:20px;
    text-transform: capitalize;
    color:#fff;
}
.our-team-sec{
    padding:50px 0px;
}
.our-team-sec .team-title{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    margin-bottom:40px;
}
.our-team-sec .teamlist .slick-nav{
    position: absolute;
    top: 50%;
    left:-25px;
    font-family: FontAwesome;
    font-size:35px;
    cursor: pointer;
    margin-top:-35px;
} 
.our-team-sec .teamlist .slick-nav.slide-nav-right{
    right:-25px;
    left:auto;
}
.our-team-sec .teamlist .team-member-detail{
    padding:20px 15px;
    text-align: center;
}
.our-team-sec .teamlist .team-member-detail .team-member-title h3{
    font-weight:600;
    line-height:18px;
    margin-bottom:10px;
}
.our-team-sec .teamlist .team-member-detail .team-member-position{
    font-size:15px;
    color:#797979;
    line-height:14px;
}

.webdevelop {
    margin: 8rem -10px;
    overflow:visible;
}
.webdevelop .home-box{
    width: 31%;
    margin: 1% 1% 7%;
    overflow:visible;
    transition:0.3s;
}
.webdevelop .home-box p.home-image {
    top: -74px;
    display: inline-block;
    position: relative;
    background: #0d404f;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin-bottom: -35px;
    transition:0.3s
}
.webdevelop .home-box p.home-image{
    transition:0.3s   
}
.webdevelop .home-box .home-image img{
    transform: rotate(0deg);
    transition: 0.5s;
}

.webdevelop .home-box p.home-image:before{
    content: "";
    width: 116px;
    height: 116px;
    position: absolute;
    left: -8px;
    top: -8px;
    border: 2px dashed rgba(255,255,255,0.5);
    z-index: 1;
    border-radius: 50%;
}
.webdevelop .home-box:hover p.home-image{
    background: #000;
}
.webdevelop .home-box:hover p.home-image img {
    transform: rotate(360deg);
}



.testimonial-sec{
	display: flex;
}
.testimonial-sec .testi-left{
	display: flex;
	align-items: center;
	justify-content: center;
	background:#666;
	color:#fff;
	background-position:center;
	background-size:cover;
	position: relative;
}
.testimonial-sec .testi-left .overlay_testi{
	position:absolute;
	background:rgba(76, 76, 76, 0.85);
	height:100%;
	width:100%;
	left:0;
	top:0;
}
.testimonial-sec .testi-left div{
	color:#fff;
}
.testimonial-sec .testi-left .title-speaks{
	font-size:28px;
	font-family: "Poppins", sans-serif;
	font-weight:500;
	margin-bottom:10px;	
}
.testimonial-sec .testi-left .clients-text p{
	color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.testimonial-sec .testi-left .left-sec-content{
	padding:150px 100px;
	position: relative;
	z-index:1;
}
.testimonial-sec .testi-right{
	background:#fbfbfb url(./images/quote-right.png) no-repeat 90% bottom;
}
.testimonial_slider.slick-slider{
	margin: 50px;
}
.testimonial_slider{
	text-align: left;
}
.testimonial_slider .testimonial_desc {
	/* min-height: 300px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial_slider .slick-list{
	/* min-height:370px; */
}
.testimonial_slider .testimonial_desc p{
	font-size:14px;
	line-height:30px;
}
.testimonial_slider .testimonial-bottom-sec {
    display: flex;
}
.testimonial_slider .testimonial-bottom-sec .testi_img_left .testimonial_image{
	margin-bottom:0px;
}
.testimonial_slider .testimonial-bottom-sec .testi_img_left img{
	width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}
.testimonial_slider .testimonial-bottom-sec .testi_content_right{
	padding-left:10px;
	/* padding-top:30px; */
	display: flex;
    justify-content: center;
    align-items: center;
}
.testimonial_slider .testimonial-bottom-sec .testi_content_right .test_name{
	font-size:16px;
}
.testimonial_slider .slick-slide{
	margin:0;
	padding:0;
}
.testimonial_slider .slick-dots{
	text-align:left;
	bottom:-70px;
}

/*--- WHy are different sec ----*/
/*.Why_we_diff{
	background:#fbfbfb;
}*/
.why_we_def_cont{
	margin-bottom:50px;
}
.why_we_def_cont p{
    font-size:17px;
    line-height:25px;
}
.Why_we_diff_topics {
    display: inline-block;
    width: 100%;
    padding:0 50px;
}
.Why_we_diff_topics .Why_we_diff_topic {
    width: 31%;
    float: left;
    padding: 25px;
    margin: 0 1.166777%;
    border-radius: 10px;
    box-shadow: 0px 0px 18px rgba(0,0,0,0.1);
    transition:0.5s;
    border:1px solid #f5f5f5;
}
.Why_we_diff_topics .Why_we_diff_topic:hover{
	box-shadow: none;
}
.Why_we_diff_topics .Why_we_diff_topic .container{
	width:100% !important;
}
.Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_topic_row{
	display: block;
}
.Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left,
.Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_right{
	width:100%;
	padding:0;
	text-align: center;
}
.Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left {
/*    height: 275px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:25px;
}
/*.Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left img{
	max-height:275px;
}*/
.Why_we_diff_topics .Why_we_diff_topic_title{
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	line-height:25px;	
	font-weight:normal;
	text-transform:none;
	margin-bottom:10px;
}
.Why_we_diff_topics .Why_we_diff_topic_title:after{
	display: none;
}

/*------ Industries Section --------*/
/*.industries-sec{
	padding:80px 0px; 
}*/
.industries-sec .section-title h2{
    position:relative;
    font-size:35px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
    text-align: center;
    padding-bottom: 25px;
	margin-bottom: 35px
}
.industries-sec .section-title h2:after{
    position: absolute;
    content: "";
    width: 145px;
    height: 3px;
    background-color: #44c8e8;
    left: 0px;
    right: 0;
    bottom: 0px;
    margin: auto;
}
.industries-sec .section-short-desc{
	font-size:17px;
	font-weight:300;
	line-height: 25px;
    font-family: 'Open Sans', sans-serif;
	max-width:60%;
	margin:0 auto 35px;
}
.industries-sec .icon-list{
	text-align: center;
}
.industries-sec .icon-list ul{
	list-style: none;
    margin:0px;
}
.industries-sec .icon-list ul li{
	display: inline-block;
	margin:0 15px;
/*    max-width:150px;*/
    /* vertical-align:top; */
}
.industries-sec .icon-list ul li img {
    display: inline-block;
    max-width: 100%;
    transition:0.5s;
}
.industries-sec .icon-list ul li span.icon-circul {
    background:#fff;
    /* display:flex; */
    /* width: 100px;
    height: 100px; */
    /* padding: 10px; */
    vertical-align: middle;
    /* border-radius: 50%; */
    box-sizing: border-box;
    /* margin:0 auto; */
    /* transition:0.5s; */
    /* overflow:hidden;
    border:1px solid #0f94e8; */
}
.main_our_expertise_section .icon-list ul {
    width: 100%;
    max-width: 100%;
}
.main_our_expertise_section .icon-list ul li {
    width: 17%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px 0px;
}
.main_our_expertise_section .icon-circul .expertise-heading {
    font-weight: bold;
    margin: 15px 0px;
}

.main_our_expertise_section .icon-list ul li:hover {
   box-shadow: 3px 3px 15px #44c8e8, -3px -3px 15px #44c8e8;
    padding: 20px;
    cursor: pointer;
}

.industries-sec .icon-list ul li em {
    opacity:0;
    font-size:14px;
    margin-top:10px;
    transition:0.5s;
    color:#0f94e8;
    display:inline-block;
    line-height:22px;
    height: 44px;
    overflow: hidden;
    font-style: normal;
}

.main-our-client-sec .icon-list ul li img {
    width: 150px;
}

.main-our-client-sec .icon-list ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.home-blog-sec .Why_we_diff_topic_title {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
}
.home-blog-sec .Why_we_diff_topic_title a {
    color: #333;
}

.home-blog-sec .Why_we_diff_topic {
    height: 450px !important;
}
.Why_we_diff_topics .Why_we_diff_topic {
    height: 560px;
}

/*image-animation*/

.Why_we_diff_box {
    animation: mover 1s infinite  alternate !important; 
}

@keyframes mover {
    100% { transform: translateY(-15px); }
}

/**/

.Why_we_diff .Why_we_diff_right {
    text-align: left !important;
}

.home-blog-sec {
/*    background-color: #f7f7f7;*/
   /* padding-top: 50px;
    margin-top: 50px;*/
}

.Why_we_diff_topics 

/* .industries-sec .icon-list ul li:hover em{
    opacity:1;
}
.industries-sec .icon-list ul li img.on_hover,
.industries-sec .icon-list ul li:hover img.default{
    opacity: 0;
    visibility: hidden;
}
.industries-sec .icon-list ul li:hover img.default{
    display: none;
}
.industries-sec .icon-list ul li:hover img.on_hover{
    opacity: 1;
    visibility: visible;
} */

.section-design {
    margin: 50px 0px 0px;
    display: flex;
    align-items: center;
}
.entry-content .section-design .left-section ul{
    margin-bottom:0px;
    width:50%;
    float: left;
}
.section-design .right-sec {
    position: relative;
    padding: 50px 30px;
}
.section-design .right-sec:before{
    content:'';
    background:#F5F5F5;
    position: absolute;
    left:0;
    top:0;
    width:200%;
    height:100%;
}
.section-design .right-sec ul{
    margin-bottom:0px;
}
body .entry-content .section-design .right-sec h3,
body .entry-content .section-design .left-section h2{
    font-size:25px;
    color:#44c8e8;
    margin-bottom:25px !important;
}
.entry-content .section-design .right-sec ul li{
    margin-bottom: 8px;
    font-size: 15px;
}
.entry-content .section-design .right-sec ul li:before{
    width: 25px;
    height: 25px;
    background: #1195e8;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    line-height: 25px;
    margin-right:10px !important;
}

.ecommerce{
    text-align: center;
    margin:25px -15px 0;
}
.ecommerce h3{
    margin-bottom:25px !important;
}
.ecommerce .feature-box {
    background: #f5f5f5;
    padding: 25px;
    border-radius: 10px;
    margin: 0 15px;
    transition:0.5s;
}
.ecommerce .feature-box .fbox-title{
    margin:15px 0px;
}
.ecommerce .feature-box:hover{
    background:#fff;
    box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}
.ecommerce .feature-box:hover .fbox-icon img{
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.faq-page {
    padding: 40px 0px;
}

.Why_we_diff_topic{
    animation-name: slideinup;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    /* animation-fill-mode: both; */
}
@keyframes slideinup{
    0%{
        transform: translateY(100%);
        visibility: visible;
    }
    100%{
        transform: translateY(0);
    }
}
.what_we_do_list_inner:nth-child(odd) .col-sm-6.what_we_do_list_cont {
    animation-name: slideinright;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}
@keyframes slideinright{
    0%{
        transform: translatex(100%);
    }
    100%{
        transform: translatex(0%);
    }
} 
.what_we_do_list_inner:nth-child(even) .col-sm-6.what_we_do_list_cont {
    animation-name: slideinleft;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}
@keyframes slideinleft{
    0%{
        transform: translatex(-100%);
    }
    100%{
        transform: translatex(0%);
    }
} 

.testimonial-section .row {
	align-items: center;
	justify-content: center;
}
.test_name {
	font-weight: bold;
}

.home-quick-contact .gform_button {
    width: auto !important;
    padding: 5px 40px;
    background-color: #333333;
}

.quick-contact-form .gform_footer {
 float: none !important;
 margin-top: 0px !important;
 overflow: hidden;

}

.quick-contact-form {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 80px;
}

.quick-contact-form .gf_right_half,  .quick-contact-form .gf_left_half {
    margin-bottom: 15px;
}
.quick-contact-form .button {
    width: 235px;
    margin-top: 0px;
    height: auto;

}

.quick-contact-form ul.gform_fields {
    margin-bottom: 0px;
}
.quick-con0tact-form li::marker {
    display: none;
}
.darkbg {
    background-color: #f7f7f7;
}

.quick-contact-form .gform_footer {
 float: none !important;
 margin-top: 0px !important;
 overflow: hidden;
}

.home-quick-contact .gform_footer  {
    /*display: flex;
    justify-content: center;
    margin: 30px 0px 50px 0px !important;*/
    position: absolute;
    bottom: -45px;
    right: 167px;
}

.home-quick-contact .gform_footer .gform_button:hover {
    background-color: #fc9803;
    transition-duration: 0.1s;
}

.home-quick-contact  .field_description_below {
    list-style: none;
}

.home-quick-contact input {
    padding: 11px;
    background-color: #fff;
}

.home-quick-contact textarea {
    background-color: #fff !important;
}

.home-quick-contact li {
    padding-right: 40px !important;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
    margin-right: 0px !important;
}

.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
    max-width: none !important;
}

.gfield_description.validation_message {
    margin-right: 20px;
}

@media (max-width:767px){
    .main_navigation_right .open{
        margin-bottom:20px;
    }
    .open:before{
        right:15px;
        top:25px;
    }
	.service_slider .col-md-4.col-sm-12.no-padding.quad.dark-well {
		width: 100%;
		margin: 0;
	}
	.Why_we_diff_topic_row {
		display: block;
	}
	.Why_we_diff_topic:nth-child(odd) .Why_we_diff_right {
		padding-left: 15px;
		padding-top: 30px;
	}
	.Why_we_diff_topic:nth-child(even) .Why_we_diff_right {
		padding-right: 15px;
		padding-top: 30px;
		clear: both;
	}
	.Why_we_diff_topic_title {
		line-height: 30px;
		text-align: center;
	}
	.Why_we_diff_topic_cont {
		text-align: center;
	}
	.Why_we_diff_right {
		text-align: center;
	}
	.Why_we_diff_topic_title:after {
		right: 0;
		margin: auto;
	}
	.testimonial-section {
		padding: 0 15px 70px;
	}
	footer.site-footer h4:after {
		right: 0;
		margin: auto;
	}
	.footer_bottom {
		padding-bottom: 30px;
	}

    .logo_div_responsive{
        padding:10px 0px;
    }
   /* .header-menu:before{
        right: 15px !important;
        top: 30px !important;
    }*/
    .banner_text h1{
        font-size:22px;
    }
    .rotate_text_section h1, .rotate_text_section h1 span{
        font-size:25px;
    }
    .banner_subtitle > span > span{
        font-size:18px;
        white-space: normal;
        word-break: break-word;
        display: inline-block;
        line-height: 32px;
    }
    .why_we_def_cont{
        padding:0 15px;
    }
    .why_we_def_cont p {
        font-size: 15px;
        line-height: 24px;
    }
    .Why_we_diff_topics{
        padding:0 30px;
    }
    .Why_we_diff_topic:nth-child(odd) .Why_we_diff_right{
        padding-left:0px;
    }
    .Why_we_diff_topics .Why_we_diff_topic_title{
        font-size:20px;
        line-height:28px;
        margin-bottom:8px;
    }
    .our-vision-sec{
        padding:25px 70px 25px 70px;
    }
    .testimonial-sec{
        display: block;
    }
    .testimonial-sec .testi-left .left-sec-content{
        padding:50px 15px 20px;
    }
    .testimonial-sec .testi-left .title-speaks{
        font-size:24px;
        margin-bottom:20px;
    }
    .testimonial-sec .testi-left .clients-text p{
        font-size:15px;
        line-height:24px;
    }
    .testimonial_slider.slick-slider{
        padding: 40px 40px 50px;
        width: 100%;
        margin: 0;

    }
    .testimonial_slider .slick-dots{
        bottom:10px;
    }
    .testimonial_slider .testimonial_desc p {
        font-size: 16px;
        line-height: 25px;
    }
    .sidebar-menu li{
        line-height:40px;
        cursor: pointer;
    }
    .subpage_banner_image {
        padding:0px;
    }
    .subpage_banner_image img{
        height:220px;
        width:100%;
        object-fit:cover;
    }
    .page-template-page-what-we-do .subpage_banner_title,
    .subpage_banner_title {
        top: 50%;
        transform: translate(0, -50%);
    }
    .subpage_banner_title h1{
        font-size:25px;
        padding-bottom:8px;
    }
    .what_we_do_list_inner{
        background-size:100%;
    }
    .col-sm-6.what_we_do_list_cont,
    .what_we_do_list_inner:nth-child(even) .col-sm-6.what_we_do_list_cont{
        margin-left:0px;
        margin-top: 50%;
        padding: 25px 15px;
        background: #fff;
    }
    .what_we_do_list_title{
        font-size:20px;
    }
    .devloper_icons .dev_icon{
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
    }
    .entry-content ul{
        margin-left:0px;
    }
    .entry-content ul li {
        padding-left: 20px;
        position: relative;
    }
    .entry-content ul:not(#filters) li:before{
        position: absolute;
        left:0px;
        top:2px;
    }
    .webdevelop{
        margin:8rem 0;
    }
    .acc_title{
        font-size:14px;
    }
    .mobile_top_sapce {
        padding-top: 50px;
    }
    .mobile_top_sapce > div{
        padding-left:15px;
    }
    .webdevelop .home-box{
        margin-bottom:85px !important;
    }
    .section-design{
        display: block;
    }
    .entry-content .section-design .left-section ul{
        float: none;
        width:100%;
    }
    .section-design .right-sec{
        padding:50px 15px;
    }
    .entry-content .section-design .right-sec ul li{
        padding-left:35px;
    }
    body .entry-content .section-design .right-sec h3, body .entry-content .section-design .left-section h2 {
        font-size: 20px;
        margin-bottom: 15px !important;
        line-height: 30px;
    }
    .contact_form label#label_2_10_1 {
        top: 0;
        left: 0;
        position: relative;
        width: 85%;
        display: inline-block;
        vertical-align: top;
    }
    .contact_form ul li{
        margin-bottom:10px;
    }
    footer.site-footer{
        padding:30px 0 30px;
    }
    .ecommerce{
        margin:25px -10px 0;
    }
    .hire_dev_icon{
        width:33.33%;
    }
    .hire_icon_title{
        font-size:16px;
        line-height:22px;
    }
    .dedicated_developer .col-sm-6.col-xs-6.main-hire1 a.button.fullded, 
    .dedicated_developer .col-sm-6.col-xs-6.main-hire a.button.fullded{
        margin-top:15px;
    }
    .hire_content,
    .hire_content2{
        font-size:18px;
    }
    .hire_dedicated_slider .port_image{
        margin:0 20px;
    }
    .career-form {
        margin-top: 35px;
    }
    .career-form ul{
        margin:0;
    }
    .pos_title {
        font-size: 14px;
        line-height: 24px;
    }
    span.plus.pos{
        line-height: 24px;   
    }
    .address:before{
        top:100px;
    }
    .address_2:before {
        bottom: 120px;
    }
}

@media(max-width:480px){
    .banner_text h1 {
        font-size: 20px;
    }
    .rotate_text_section h1, .rotate_text_section h1 span {
        font-size: 16px;
    }
    .banner_subtitle > span > span{
        font-size:15px;
    }
    .background_banner_image{
        margin-top:-75px;
    }
    .vertically_text{
        top:25%;
    }
    .textwrap{
        top:50%;
    }
    .quad h2{
        padding:0 12%;
    }
    .why_we_best_head{
        font-size:30px;
    }
    .Why_we_diff_topics .Why_we_diff_topic{
        width:100%;
        padding: 30px 15px;
        margin: 0 0 20px;
    }
    .Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left{
        height:auto;
    }
    .Why_we_diff_topic_button a{
        font-size:15px;
    }
    .industries-sec .section-short-desc {
        font-size: 17px;
        max-width: 85%;
        line-height: 24px;
    }
    .industries-sec{
        padding-bottom:0px;
    }
    .ecommerce .feature-box{
        padding:15px;
    }

    .hire_dev_icon{
        width:50%;
    }
    .main-hire1 {
        margin-bottom: 60px;
    }
    .filters_container > ul > li:after{
        top:0px;
    }
    .common-heading {
        margin-top: 40px !important;
        padding-bottom: 15px !important;
        margin-bottom: 40px !important;
        font-size: 24px !important;
    }
    .Why_we_diff_topics .Why_we_diff_topic {
        height: auto !important;
    }
    .main-our-client-sec .icon-list ul {
        flex-direction: column;
        row-gap: 50px;
    }
    .testimonial_slider.slick-slider {
        padding: 0px 32px 50px !important;
    
    }
    .testimonial-section {
        padding: inherit;
    }

    .home-quick-contact .gform_footer {
        bottom: -130px;
        right: 210px;
    }
    .home-quick-contact {
        margin-bottom: 70px;
    }
    .view-more-blog {
        margin-top: 20px;
    }
    footer.site-footer h4:after {
        right: 310px;
    }
    .Why_we_diff_topic_cont {
        margin-bottom: 0px !important;
    }
    .main_navigation_right a#coopso-email:before {
        top: 10px !important;
    }
    .main_navigation_right #coopso-skype,.main_navigation_right #coopso-whatsapp  {
        padding-left: 20px !important;
    }
    .phone_section a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    a#coopso-email, a#phone_call {
        padding-top: 8px !important;
    }
    .testimonial_slider .slick-dots {
        bottom: 0px;
        left: 15px;
    }

    .footer-certificate-section {
        margin-top: 25px;
        column-gap: 40px;
    }

    .footer-certificate-section .icon-1 img {
        width: 100px;
    }

    .footer-certificate-section .icon-2 img {
        width: 150px;
    }

}

@media(min-width:768px) and (max-width:991px){
    .nav_menu_header{
        display: none;
    }
    .logo_div{
        display: block !important;
    }
    .logo_div_responsive {
        padding: 10px 0px;
    }
    .header-menu:before{
        top:15px !important;
    }
    .call{
        top:15px;
    }
    .banner_text h1{
        font-size: 35px;
    }
    .rotate_text_section h1, .rotate_text_section h1 span{
        font-size:30px;
    }
    .home_title_text{
        font-size: 20px;
        line-height: 30px;
        margin-bottom:20px;
    }
    .home_text{
        line-height: 25px;
        font-size: 15px;
    }
    .service_slider .col-md-4.col-sm-12.no-padding.quad.dark-well{
        margin:0px 0.65% 10px 0.65%;
        width:32%;
    }
    .textwrap{
        padding:0 15px;
    }
    .quad h2{
        font-size:18px;
        line-height:30px;
    }
    .quad img{
        height: 220px;
        object-fit: cover;
    }
    .quad .desc{
        font-size:14px;
        max-width:100%;
        line-height:1.4;
    }
    .why_we_def_cont{
        padding:0 15px;
    }
    .why_we_def_cont p{
        font-size:15px;
    }
    .Why_we_diff_topics{
        padding:0 10px;
        display: flex;
    }
    .Why_we_diff_topics .Why_we_diff_topic{
        padding:15px;
    }
    .Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left{
        max-height:200px;
    }
    .Why_we_diff_topics .Why_we_diff_topic_title{
        font-size:20px;
        line-height:30px;
    }
    .Why_we_diff_topic_button a{
        width:auto;
        padding:10px 25px;
    }
    .industries-sec .icon-list ul li{
        max-width:90px;
    }
    .industries-sec .icon-list ul li span.icon-circul{
        width: 85px;
        height: 85px;
    }
    .testimonial-sec .testi-left .left-sec-content{
        padding:60px 20px;
    }
    .testimonial_slider.slick-slider{
        margin:50px auto 80px;
        padding-right: 50px;
        /*width:90%;*/
    }
    .testimonial_slider .testimonial_desc p {
        font-size: 15px;
        line-height: 24px;
    }


    div#footer1,
    div#footer2,
    div#footer4,
    div#footer3{
        width:25%;
        text-align:left;
    }
    h4.foo.serve{
        text-align: left;
        font-size:18px;
    }
    footer.site-footer h4{
        font-size:18px;
        margin-top:12px;
    }
    ul.footer-services,
    div#footer4 p{
        text-align: left;
    }
    footer.site-footer{
        padding-bottom:60px;
    }

    .sidebar-menu li{
        line-height:40px;
    }
    .information_company{
        padding-top:10px;
    }
    .information_company a#coopso-email, .information_company a#phone_call, .information_company a#phone_call2{
        width:100%;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .main_navigation_right .open{
        margin-bottom:20px;
    }
    .open:before{
        top: 25px;
        right: 20px;
    }
    .subpage_banner_image{
        margin:0px;
    }
    .subpage_banner_image img{
        height:320px;
        object-fit: cover;
        width:100%;
    }
    .what_we_do_list_inner{
        background-size:100%;
    }
    .col-sm-6.what_we_do_list_cont,
    .what_we_do_list_inner:nth-child(even) .col-sm-6.what_we_do_list_cont{
        margin-left: 0px;
        margin-top: 50%;
        padding: 25px 35px;
        background: #fff;
        width: 100%;
    }
     

    .what_we_do_list_title{
        font-size:20px;
    }
    .devloper_icons .dev_icon{
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
    }
    .webdevelop .home-box{
        margin-bottom:90px;
    }
    label.acc_title i{
        right:20px;
    }
    .mobile_top_sapce > div{
        padding-left:15px;
    }
    .contact_form input#gform_submit_button_2{
        bottom: 0;
        top: 84%;
        right: 30px;
        width: 50%;
        position: absolute;
    }

    .contact_form_box .contact_form input#gform_submit_button_2{
        bottom: 0;
        height: 70px;
        float: none;
        width: 100%;
        position: relative;
        right: 7px;
    }

    .contact_form label#label_2_10_1 {
        top: 0;
        left: 0;
        position: relative;
        width: 85%;
        display: inline-block;
        vertical-align: top;
    }
    .address:before{
        top: 40px;
    }

}

@media(min-width:992px) and (max-width:1024px){
    .nav_menu_header{
        display: none;
    }
    .logo_div{
        display: block !important;
    }
    .logo_div_responsive {
        padding: 10px 0px;
    }
    .header-menu:before{
        top:15px !important;
    }
    .call{
        top:15px;
    }
    .main_page{
        margin-top:65px;
    }
    .homepage_image_slider .background_banner_image{
        min-height:inherit;
    }
    .homepage_image_slider .vertically_text {
        position: relative;
        top: 45%;
        transform: translate(0, -65%);
    }
    .banner_text h1{
        font-size:40px;
    }
    .rotate_text_section h1, .rotate_text_section h1 span{
        font-size:28px;
    }
    .banner_subtitle > span > span{
        font-size:20px;
    }
    .rotate_text_section{
        padding-top:20px; 
    }
    .service_slider .col-md-4.col-sm-12.no-padding.quad.dark-well {
        margin: 0px 0.5% 1% 0.5%;
        width: 32.2%;
    }
    .Why_we_diff_topics{
        padding:0 30px;
    }
    .Why_we_diff_topics .Why_we_diff_topic .Why_we_diff_left{
        height:200px;
    }
    .Why_we_diff_topics .Why_we_diff_topic_title{
        font-size:20px;
        line-height:25px;
    }
    .industries-sec .section-short-desc{
        max-width:80%;
    }
    div#footer1,
    div#footer2,
    div#footer4,
    div#footer3{
        width:25%;
        text-align:left;
    }
    div#footer2{
        width:20%;
    }
    div#footer4{
        width:30%;
    }
    h4.foo.serve{
        text-align: left;
        font-size:18px;
    }
    footer.site-footer h4{
        font-size:18px;
        margin-top:12px;
    }
    ul.footer-services,
    div#footer4 p{
        text-align: left;
    }
    footer.site-footer{
        padding-bottom:60px;
    }
    div#ftext{
        text-align:left;
    }
    .social_icons_footer{
        text-align:right;
    }
    .subpage_banner_image{
        margin-top:0px;
    }
}

@media(min-width:1025px) and (max-width:1319px){
    .col-md-4.col-sm-12.quad.dark-well{
        width:32.83% !important;
    }
}

@media(min-width: 768px) and (max-width: 1024px){

	.service_slider {
		display: block;
	}
	.service_slider .col-sm-6 {
		width: 49%;
		float: left;
	}
	.btn-estimate-for-mobile-portrait-view {
		display: none;
	}

}	

@media(min-width: 481px) and (max-width: 767px){

	.row {
		display: block;
	}
	 .col-xs-12 {
	 	  /*width: 49%;
    	  float: left;*/
	 }
	 .btn-estimate-for-mobile-portrait-view {
	 	display: none;
	 }
	 .Why_we_diff_topics .Why_we_diff_topic {
	 	width: 100%;
	 }
	 h2.testimonial-title {
	 	padding-top: 40px;
	 }
}
@media(max-width:480px){

	h2.testimonial-title {
	 	padding-top: 40px;
	 }
}