@charset "utf-8";body{margin:0 auto;}
.slider_row_container{position:absolute;width:100%;height:100%;}
.class_width100{width:100%;}
.handle_first_image{display:none;z-index:15;}
.top_100percent{top:100%;}
.class_vh_height_auto{height:100vh;position:absolute;top:0;left:0;width:100%;background-attachment:scroll;background-position:50% 50%;background-size:cover;overflow:hidden;}
.widthsmall{width:300px;}
.slide_html_content{position:absolute;background-color:#fff;bottom:10%;padding:20px 30px 30px 30px;max-width:50%;text-align:right;left:0;min-width:30%;display:none;}
.slide_html_content h2{white-space:nowrap;font-size:30px;line-height:36px;font-weight:400;color:rgb(30, 55, 85);font-family:Roboto;margin-bottom:0;letter-spacing:0px;}
.slide_html_content div{white-space:nowrap;font-size:13px;line-height:16px;font-weight:400;color:rgb(30, 55, 85);letter-spacing:0px;font-family:"Droid Serif";}
.loader_before_images{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.loader_before_images img{width:60px;display:block;margin:0 auto;}
.scroll_to_next_div_btn{position:absolute;bottom:10%;z-index:999999;color:#fff;left:50%;cursor:pointer;}
.ctacs_navigators_links{top:50%;right:10px;position:absolute;transform:translate(0%,10%);z-index:999;}
.ctacs_navigators_links_row{color:#fff;border:1px solid;border-radius:18px;width:15px;height:15px;margin-bottom:10px;cursor:pointer;}
.ctacs_navigators_links_row.active_navigator:after{content:'';background:#fff;display:block;width:9px;height:9px;border:1px solid #fff;border-radius:15px;position:absolute;transform:translate(19%,20%);}
@media screen and (max-width:900px) and (min-width:767px){.class_vh_height_auto{height:calc(100vh - 167px);}
.slide_html_content h2{white-space:inherit;}
.slide_html_content div{white-space:inherit;}
.slide_html_content{bottom:30%;}
}
@media screen and (max-width:767px){.class_vh_height_auto{height:calc(100vh - 82px);}
.slide_html_content{position:absolute;background-color:#fff;bottom:inherit;padding:20px 30px 30px 30px;max-width:100%;text-align:right;left:50%;min-width:30%;display:none;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80%;}
.slide_html_content h2{white-space:inherit;text-align:center;}
.slide_html_content div{white-space:inherit;text-align:center;}
}
.scroll_to_next_div_btn span.anim_span{position:absolute;display:block;top:29%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:white;border-radius:50%;animation:rev-ani-mouse 2.5s linear infinite;font-size:0;}
.scroll_to_next_div_btn{position:absolute;bottom:10%;z-index:999999;color:#fff;left:50%;cursor:pointer;min-width:35px;border-color:rgb(255, 255, 255);border-style:solid;border-width:3px;border-radius:23px;min-height:55px;margin-left:-18px;}
.fiwts_full_image_slider_main_container{width:100%;overflow:hidden;position:relative;transition:all .5s;}
.full_img_slider_prev, .full_img_slider_next{position:absolute;z-index:9999999;top:0;color:#ffffff;cursor:pointer;}
.full_img_slider_next{right:0;}
.fiwts_second_abs{position:absolute;left:100%;top:0;height:100%;width:100%;}
.fiwts_second_abs.active_image{position:relative;left:0;}
.fiwts_slider_single_thumb_img_div{display:inline-block;vertical-align:middle;padding-right:5px;}
.fiwts_slider_single_thumb_img_div img{display:block;}
.fiwts_thumbnail_slider_main_container{overflow:hidden;width:100%;}
.thumbnail_slider_prev{position:absolute;color:#fff;cursor:pointer;}
.thumbnail_slider_next{position:absolute;z-index:9999;top:0;color:#ffffff;right:0;cursor:pointer;}
.fiwts_thumbnail_slider_main_container{position:relative;margin-top:7px;}
.thumbnail_images_only_container{width:100%;white-space:nowrap;font-size:0;}
.time-sheet-row .popup-wrapper .content{padding:20px 25px;border:3px solid #8dd5bc;}
.close-button-cls{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-color:#8DD5BC;border-radius:50px;cursor:pointer;text-align:center;}
.close-button-cls .fa{color:#fff;font-size:20px;line-height:28px;}
a.read-more-button{color:#000;font-weight:600;}
.read-more-button:hover{color:#8dd5bd;text-decoration:underline;}
.time-sheet-row-total .time-spend span{color:#8dd5bd;}
.time-sheet-row-total .time-spend .minutes:before{color:#fff;}
.time-spend .minutes:before{left:-5.5px;}
.teamwork-search #project_search_btn{float:left;}
#teamwork_search_start_input, #teamwork_search_end_input{float:left;margin-right:10px;}
.teamwork-search-form{display:inline-block;width:100%;}
.teamwork-search{margin-bottom:3px;}
.time-sheet-row-total th:first-child{text-align:right;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{min-width:65px;}
.woocommerce-account #content #strategic-primary ul.account-submenu li.woocommerce-MyAccount-navigation-link a:before{width:20px;display:inline-block;}

/* Email popup for SW frshbooks which is used for email pop up on plan, development hour, hosting plan page. */
body .modal {z-index: 9999999999;padding-top: 0;width: 100%;height: 100%;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {margin: auto;padding: 20px;}
.modal-content .close {position: absolute;right: -10px;top: -10px;background: #8dd5bc;width: 30px;height: 30px;line-height: 24px;text-align: center;border-radius: 50px;color: #fff !important;font-size: 38px;opacity: 1;font-weight: 100;border: 2px solid #8dd5bc;}
.modal-content .close:hover, .modal-content .close:focus {color: #000;-decoration: none;cursor: pointer;opacity: 1;}
.modal-content input[type=text], .modal-content select, .modal-content textarea, .modal-content input[type=email] {width: 100%;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;height: 40px;line-height: 40px;padding: 0 5px;}
.modal-content input[type=submit] {background-color: #4CAF50;color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;}
.modal-content input[type=submit]:hover {background-color: #45a049;}
.container {border-radius: 5px;background-color: #f2f2f2;padding: 20px;}
.single-product form.cart input {border-radius: 4px;width: 100%;padding: 0 10px;}
.modal-content {width: 50%;position: relative;}
.form_cust_wrapper li {list-style: none;width: 100%;display: inline-block;}
.form_cust_wrapper .email_wrapper {width:100%;}
.form_cust_wrapper .btn_cust_wrapper {width: 100%;text-align: center;}
.form_cust_wrapper li .half_from_wrapper {display: inline-block;width: calc(50% - 6px);margin-right: 5px;float: left;}
.container.form_cust_wrapper ul {padding: 0;line-height: normal;margin: 0; }
.form_cust_wrapper li .half_from_wrapper:last-child {margin-right: 0;}
@media screen and (max-width:767px){body .modal-content {max-height: 300px;overflow: auto;height: 100%;}
body .modal-content .close {right: 0;top: 0;}}

.st_plans_section .onoffswitch_pannel{
    margin-bottom: 20px;
}
.st_plans_section .onoffswitch_pannel .onoffswitch {
    margin: 0 auto 15px auto;
}
.swfb_both_the_checkbox input[type="checkbox"]{
	opacity:0;
	visibility:hidden;
}
.swfb_both_the_checkbox input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-weight:600;
	font-size:20px;
    cursor: pointer;
	transition: all 0.5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.swfb_both_the_checkbox input[type="checkbox"]:checked + label {
    color: #fac84b !important;
}
.swfb_both_the_checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: rotate(41deg) scale(1);
	-webkit-transform: rotate(41deg) scale(1);
}
.swfb_both_the_checkbox input[type="checkbox"] + label:after {
    content: '';
    display: block;
    font-size: 30px;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 8px;
    height: 19px;
    border: solid #fac84b;
    border-width: 0 3px 3px 0;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
    opacity: 0;
}
.swfb_both_the_checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    border: 2px solid #fac84b;
    position: absolute;
    left: 0;
    top: 3px;
    opacity: 1;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}
.buy-modal-show {
    overflow: hidden;
}
.buy-modal-show .modal {
    overflow-x: hidden;
    overflow-y: auto;
}