/*
Theme Name: 	Coderkube
Author: 		Coderkube Technologies
Author URI: 	http://coderkube.com
Description:	Coderkube Theme
Template:		alecta
Version: 		1.1
Text Domain: coderkube
*/

/** blog**/

#blog_main_content
{
width:70% !important;
float:left;
}
#blog_side_bar
{
width:30% !important;
float:left;
}

#pum-6323 .pum-close.popmake-close
{
  color:#fff !important;
  font-size:15px !important; 
}
/*
#pum-6323 .pum-content::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#pum-6323 .pum-content::webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #29166F;
}
#pum-6323 .pum-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
*/
.fixedBody
{
position:fixed !important;
overflow:hidden !important;
}
div.wpcs_scroll_div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

div.wpcs_scroll_div::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

div.wpcs_scroll_div::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #29166F;
}
a:focus,a:hover,a:visited,a:active
{
text-decoration:none !important;
}
.details-box a
{
color:#29166f !important;
}
.details-box a:hover
{
color:#0093DD !important;
}
.qodef-search-page-holder .qodef-search-page-form .qodef-search-label
{
font-family:Montserrat !important; 
 font-size: 15px;
}
.qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field
{
font-family:Montserrat !important;
font-size: 15px;
}
.qodef-search-page-holder .qodef-search-page-form .qodef-form-holder .qodef-search-field::-webkit-input-placeholder
{
color:#ccc ;
}

/*** custom *************/

@font-face 
{
	font-family: 'Conv_JosefinSans-Regular';
	src: url('../fonts/JosefinSans-Regular.eot');
	src: url('../fonts/JosefinSans-Regular.woff') format('woff'), 1124
		 url('../fonts/JosefinSans-Regular.ttf') format('truetype'), 
		 url('../fonts/JosefinSans-Regular.svg') format('svg');
    font-style: normal;
}
@font-face 
{
	font-family: 'Conv_JosefinSans-Bold';
	src: url('../fonts/JosefinSans-Bold.eot');
	src: url('./fonts/JosefinSans-Bold.woff') format('woff'), url('fonts/JosefinSans-Bold.ttf') format('truetype'), 
	     url('fonts/JosefinSans-Bold.svg') format('svg');

	font-style: normal;
}
@font-face 
{
	font-family: 'Conv_JosefinSans-SemiBold';
	src: url('../fonts/JosefinSans-SemiBold.ttf') format('truetype');
    font-style: normal;
}
@font-face 
{
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?wncvwn');
  src:  url('fonts/icomoon.eot?wncvwn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?wncvwn') format('truetype'),
    url('fonts/icomoon.woff?wncvwn') format('woff'),
    url('fonts/icomoon.svg?wncvwn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
body .welcome-sec-home:before 
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    //background: rgba(0,0,0,0.7);
    display: block;
    top: 0;
    background-color: #fff;
    opacity: 0.9;
    z-index:1;
}
h4,
h5,
h6 
{
    font-family: Josefin Sans;
}
/*************** Desktop ********************/

.qodef-footer-bottom-holder
{
    /*background: url(http://coderkube.com/wp-content/uploads/2017/10/tuxpi.com_.1509423342.jpg) fixed !important; background-repeat: no-repeat !important;
	background-position: bottom center !important;
    background-size: 140px !important;*/
}

.qodef-fullscreen-search-holder .fa
{
    color:#000 !important;
}
.icon_search:before
{
    font-family: FontAwesome !important;
    content: "\f002" !important;
    -webkit-text-stroke:1px #fff;
}
.qodef-search-opener .icon_search:before
{
    -webkit-text-stroke:0.1px #fff ;
    height:36px;
    width:36px ;
}
.qodef-fullscreen-menu-opener.qodef-fm-opened
{
    color:#140b38!important;
}
a.qodef-fullscreen-menu-opener
{
    color:#140b38 !important;
}
.services-para p
{
    font-size: 15px;
    letter-spacing: 1px;
    font-family: Montserrat;
    line-height: 1.7;
    margin-bottom:35px !important;
}
.single-services .single-serv-wrap h4 
{
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.7;
    font-family: Montserrat;
    margin-bottom: 40px;
}
.single-services .single-serv-wrap .ser_web ul > li
{
    list-style: none !important;
    letter-spacing: 1px;
    font-size: 15px;
    font-family: Montserrat;
    line-height: 3;
    margin-left:0 !important;
}
.single-services .single-serv-wrap .ser_web ul > li:nth-child(odd)
{
    background-color:rgba(26, 25, 25, 0.14) !important;
}
.single-services .single-serv-wrap .ser_web ul > li:before
{
    font-family: FontAwesome;
    content: "\f058";
    padding:0 10px ;
}
.single-services .single-serv-wrap .ser_web i.fa 
{
    font-size: 20px;
    color: #ffffff;
    padding: 13px 0 0 0;
    border: 1px solid #29166f;
    background: #29166f;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
   margin-right: 10px;
}
.qodef-page-footer .qodef-footer-bottom-holder:before 
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    top: 0px;
    left: 0;
}
.qodef-footer-bottom-holder p 
{
    color: #060617;
    letter-spacing: 1px;
    font-size: 18px;
	top: 29px;
    position: relative;
	font-family: Josephin sans-serif;
    font-weight: 600;
}
.single-portfolioscpt .qodef-post-info-date.entry-date.published.updated 
{
    display: none;
}
.qodef-footer-bottom-holder 

{
    /* background: url(http://coderkube.com/wp-content/uploads/2017/06/bench-accounting-49027.jpg);
    background-position: 50% -165px;
    position: relative; */
    overflow: hidden;
    padding: 30px;
}
.ser_no a 
{
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    padding-left: 0;
    display: block;
    padding: 25px 59px 75px 43px;
    background: #000;
    border-radius: 50%;
}
footer .qodef-footer-top-inner 
{
    padding: 50px 48px 20px !important;
    background: #060617;
}
.con-fm,.add-det  
{
    background: #f8f8f8;
    padding:15px 0;
    position: relative;
    text-align:center;
}
.con-fm:before,.add-det:before 
{
    position: absolute;
    content: "\f2ba";
    width: 100%;
  /*  top: -70px;*/
    font-family: "FontAwesome";
    font-size: 240px;
    color: #f1f1f1;
  /*  left: 17%;*/
  left:3%;
    right: 0;
    bottom:0;
    margin: auto;
    opacity: 0.5;
    top:-3%;
}
.add-det:before
{
    content:"\f0ac";
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea 
{
    border: 1px solid #ccc !important;
    box-shadow: none;
    margin: 10px 0;
}
.wpcf7-form-control.wpcf7-textarea
{
    resize: none;
}
input.wpcf7-form-control.wpcf7-submit 
{
    border-radius: 50px !important;
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
}
.footer_toggle_icon 
{
    color: #fff;
    background-color: #060617;
    min-height: 35px;
    position: relative;
}
.footer_toggle_icon span.glyphicon.glyphicon-plus,
.footer_toggle_icon span.glyphicon.glyphicon-minus
{
    margin: 0 auto;
    position: absolute;
    left: 600px;
    right: 0;
    top: 10px;
}
.contact-wrapper 
{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}
.contact-wrapper .con 
{
    /*flex: 0 0 49%;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 15px;
    text-align: center;
    position: relative;
    min-height: 190px;*/
   /* flex: 0 0 49%; */
    border: 1px solid #ddd;
    margin-bottom: 12px;
    padding: 10px;
    text-align: center;
    width: 47%;
    position: relative;
    min-height: 220px;
    float: left;
    margin-right: 10px;
}
.con h3 
{
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
    padding-top: 11px;
    transform: rotate(45deg);
    margin: 20px auto 30px;
}
.page-id-495 .con h3 i 
{
    transform: rotate(-45deg);
    color: #888 !important;
}
.address ul 
{
    list-style: none;
   /* display: flex;*/
    justify-content: center;
}
.address ul li{
	display: inline-block;
}
.address ul li a 
{
    border-radius: 50%;
    background: #d8d8d8;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding-top: 10px;
}
.page-id-495 .address ul li a i 
{
    color: #666 !important;
}
.address p 
{
    color: #888;
    font-size: 13px !important;
}
.page-id-495 .fa 
{
 /*   font-size: 20px !important;
    color: #ffffff !important;*/
}
.even_col, .odd_col 
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding:0;
}
.num span 
{
    background: #29166f;
    color: #fff;
    width: 70px;
    height: 70px;
    display: block;
    text-align: center;
    font-size: 42px;
    padding-top: 9px;
    border-radius: 50%;
    font-weight: bold;
    margin: 0 auto;
}
.odd_col .content h2,
.even_col .content h2 
{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    margin-top:0;
}
.odd_col .content,
.even_col .content 
{
    width: 83%;
}
.odd_col .num, 
.even_col .num 
{
    width: 135px;
    position: relative;
    border: 15px solid #0093dd;
    border-radius: 50%;
    #height: 148px;
    height: 135px;
    text-align: center;
    padding-top: 18px;
    margin-bottom: -30px;
    #margin-top: -30px;
    margin-top: -16px;
}
.even_col .num 
{
    margin-right: -50px;
    margin-left: 0;
    border: 14px solid #29166f;
    border-right: 11px solid transparent;
}
.odd_col .num
{
     border-left: 10px solid transparent;
     
}
.even_col .content 
{
    text-align: right;
    margin-right: 15px;
}
.even_col .content p
{
    text-align:right;
    float:right;
}
.odd_col .content 
{
    padding-left: 20px;
}
.even_col .num span 
{
    background: #0093dd;
}
.service-wrapper 
{
    padding-top: 70px;
}
.service-wrapper .row:first-child .col-md-12 .odd_col .num 
{
    position: relative;
}
.service-wrapper .row:first-child .col-md-12 .odd_col .num:before 
{
    position: absolute;
    content: "";
    height: 15px;
    width: 300px;
    background: #0093dd;
    left: -250px;
    top: -15px;
}
.service-wrapper .row:first-child .col-md-12 .odd_col .num:after 
{
    position: absolute;
    content: "";
    height: 18px;
    width: 50px;
    background: #ececec;
    top: 0;
    left: 0;
}
.service-wrapper .row:last-child .col-md-12 .even_col .num
{
    position:relative;
}
.service-wrapper .row:last-child .col-md-12 .even_col .num:before 
{
    position: absolute;
    content: "";
    height: 14px;
    width: 300px;
    background: #29166f;
    left: 60px;
    bottom: -14px;
}
.service-wrapper .row:last-child .col-md-12 .even_col .num:after 
{
    position: absolute;
    content: "";
    height: 18px;
    width: 50px;
    background: #ececec;
    bottom: 0px;
    right: 0;
}
.odd_col .inner_ser_content,
.even_col .inner_ser_content 
{
    box-shadow: 0 0 5px #636262;
    padding: 15px;
    border-radius: 10px;
    width: 350px;
    position: relative;
}
.odd_col .inner_ser_content:before,
.even_col .inner_ser_content:before  
{
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid #bdbcbd;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    left: -30px;
    top: 33px;
}
.even_col .inner_ser_content 
{
    float: right;
    margin-right: 5px;
}
.even_col .inner_ser_content:before 
{
    left: auto;
    right: -30px;
    border-left: 15px solid #bdbcbd;
    border-right: 15px solid transparent;
}
.services-intro-texts h5
{
    line-height:1.9;
}
/*#couter-section-home:after
{
    content: "";
    width: 100%;
    height: 16.20rem;
    background: url("https://coderkube.com/wp-content/uploads/2017/08/shape4.png") no-repeat bottom center;
    position: absolute;
    top: -.0625rem;
    left: 0;
    z-index: 22;
}*/
h5.grey-heading
{
    color: #888888;
    font-size: 25px;
}
p.grey-para
{
color:#AAAAAA;
font-size: 15px;
}
footer:after
{
/*  content: "";
    width: 100%;
    height: 16.20rem;
    background: url("http://coderkube.com/wp-content/uploads/2017/08/footer_bg.png") no-repeat bottom center;
    position: absolute;
    top: -.0625rem;
    left: 0;
    z-index: 22;*/
}
.center-texts
{
text-align:center;
}
footer .qodef-footer-top-inner
{
//padding:130px 48px 20px !important;
}
.text-padding
{
margin:10px 0px !important;
}
.our-key-features .vc_column-inner
{
    background-position:-600 0 ;
    background-repeat:no-repeat;
    transition : 1s;
}
.our-key-features .vc_column-inner:hover
{
    background-size:center center;
    transition : 1s;
}
.our-key-features .qodef-banner-holder .qodef-banner-subtitle
{
    min-height:140px;
    line-height:1.5;
    font-size:19px;  
}
.our-key-features .qodef-banner-holder .qodef-banner-text-holder
{
    background-size:0;
    background-repeat:no-repeat;
}
.our-key-features .qodef-banner-holder .qodef-banner-text-holder:hover
{
    background-size:cover !important;
}
.our-key-features .vc_icon_element
{
    margin-bottom:0px !important;
}
.our-key-features .qodef-banner-holder .qodef-banner-text-inner
{
    padding-top:1%;
}

.our-key-features p.qodef-iwt-text
{
    min-height:90px !important;
}
.our-key-clm .vc_column-inner:before
{
    content: "";
    height: auto;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
}
.our-key-clm 
{
    position: relative;
    color: #fff;
}
.our-key-clm:before 
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9;
}
.our-key-features .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-content
{
    position: relative;
    z-index: 999;
}
.our-key-clm .qodef-iwt-icon
{
    position: relative;
    z-index: 999;
}
.cf-send-btn input.wpcf7-form-control.wpcf7-submit 
{
    background-color: #140b38 !important;
    padding: 10px 35px;
}

/*** Consultation popup ****/

/
.pum-theme-3823, .pum-theme-default-theme 
{

    background-color: rgba(49, 46, 46, 0.48) !important;
}
/*
#pum-6323 
{
       background-color: rgba(65, 80, 130, 0.42) !important;
}

#pum-6323 .pum-title
{
color:#fff !important;
}*/
#pum-6323 input.wpcf7-form-control.wpcf7-text 
{
    color: #fff;
}
#pum-6323 textarea.wpcf7-form-control.wpcf7-textarea {

    color: #fff;   
    min-height:167px !important;
}
.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #d3d3d3;
    background-color: #746c91 !important;
}
#pum-6323 .re-captcha
{
margin:20px 0 !important;
}
.send-btn-cn input.wpcf7-form-control.wpcf7-submit
{
    margin-top: 40px;
}
/***  / Consultation popup ****/

.wbcoa .vc_tta-panel-body 
{
    background-color: white !important;
}
.hbe:hover 
{
    text-decoration: none;
}
.hbe {
    padding: 10px 38px !important;
}
#wpcf7-f3830-o1 .wpcf7-form label 
{
    width: 100%;
}
button.pum-close.popmake-close 
{
    background-color: transparent !important;
    padding: 12px !important;
}
div#popmake-3839 
{
    padding: 30px;
}
.cf-resume .sec1, .cf-resume .sec2, .cf-resume .sec3 
{
    padding: 5px;
}
.cf-send-btn 
{
    text-align: center;
}
.wpcf7-form-control.wpcf7-date, 
.wpcf7-form-control.wpcf7-number, 
.wpcf7-form-control.wpcf7-quiz, 
.wpcf7-form-control.wpcf7-select, 
.wpcf7-form-control.wpcf7-text, 
.wpcf7-form-control.wpcf7-textarea, 
.cf-resume .sec1 label 
{
    font-weight: normal !important;
}
.wbcoa .vc_tta-panel-body 
{
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.cf-resume 
{
    margin-top: 10px;
}
.cf-resume .sec3 
{
    font-size: 74%;
}
.cf-resume .sec1 label 
{
    color: #140b38;
}
.tab-accordions .vc_tta-panel-body 
{
     background-color: white !important;
}
.page-id-411 span.qodef-tab-title 
{
    margin-left: 3%;
}
.wpb-js-composer .tab-accordions .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a 
{
    background-color: #f8f8f8;
}
.wpb-js-composer .tab-accordions .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a, 
.wpb-js-composer .tab-accordions .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a:hover 
{
    border-color: #140b38;
    background-color: white;
}
.wpb-js-composer .tab-accordions .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover 
{
    border-color: #140b38;
    background-color: #f8f8f8;
}
.tab-accordions ul li.vc_tta-tab.vc_active a 
{
    border-bottom-color:#140b38 !important;
}
.tab-accordions ul li.vc_tta-tab 
{
    margin-right: 2% !important;
}
.tab-accordions ul li.vc_tta-tab.vc_active a:after, .tab-accordions ul li.vc_tta-tab.vc_active a:before 
{
    display: none !important;
}
.tab-accordions ul li.vc_tta-tab a 
{
    min-width: 230px !important;
    text-align: center;
    border-radius: 2px !important;
    padding: 14px !important;
    text-transform: uppercase;
}
.main-accordion-title-sec1, 
.tab-acco-sub-title 
{
    text-align: center;
    font-size: 36px;
}
.tab-accordions ul.vc_tta-tabs-list li:last-child
 {
    margin-right: 0% !important;
}
/*.page-id-411 .qodef-has-bg-image 
{
    height: 410px !important;
}*/
li.vc_tta-tab a:hover 
{
    background-color: #140b38 !important;
    color: white !important;
}
.select-nav-light.tparrows:hover:before 
{
    background-color: #ed3b49;
} 
.key_feature .qodef-icon-element 
{
    font-size: 96px;
}
.key_feature .qodef-iwt-title-text 
{
    font-weight: bold;
    color: #000;
}   
.key_feature .key_feature_button 
{
    padding: 4px 10px;
    text-align: center;
    float: none;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}
.key_feature .wpb_column.vc_column_container:before 
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    right: 0;
    background: url(https://coderkube.com/wp-content/uploads/2017/10/3.png) no-repeat;
    background-size: 225px;
    background-position: right 0px bottom;
    bottom: 0;
    z-index: 0;
    transition: 0.8s cubic-bezier(0.41, -0.09, 0.63, 1.12);
    opacity: 0;
    background-size: 250px;
}
.key_feature .wpb_column.vc_column_container:hover 
{
    background: #b3b3b3;
}
.key_feature .wpb_column.vc_column_container:hover:before 
{
    opacity: 0.8;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: 20% 40%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 20% 40%;
    transform: rotate(10deg);
    transform-origin: 20% 20%;
    background-position: right -50px top;
}
.qodef-footer-top-holder 
{
    margin-top: 1px;
}
li.vc_tta-tab 
{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
}
li.vc_tta-tab.vc_active a 
{
    background-color: #140b38 !important;
    color: white !important;
    border-color: #140b38 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a 
{
    border-color: transparent !important;
}
.page-id-495 .qodef-title-holder.qodef-standard-type.qodef-bg-parallax.qodef-has-bg-image.qodef-center-title 
{
    display: none;
}
.page-id-495 .fa 
{
    /* font-size: 20px !important;
    color: #29166f  !important; */
}
.add-details table tr td 
{
    text-align: left;
}
.add-details table tr td:first-child 
{
    text-align: center;
}
.add-details table tbody tr, table thead tr 
{
    border: none !important;
}
.add-details table tr td a  
{
    margin-left: 10px;
    margin-right: 10px;
}
.add-details table tr td a:first-child 
{
    margin-left:0px;
}
.add-details table tr td a:last-child 
{
    margin-right:0px;
}
.add-details table tr td:first-child 
{
    font-size: 16px;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.add-details table tr td a:hover 
{
    text-decoration: none;
    color: #29166f;
}
.add-details table tr td a 
{
    color: #101010;
}
input.wpcf7-form-control.wpcf7-submit, 
input.wpcf7-form-control.wpcf7-submit:hover 
{
    background-color: #140b38;
}
.qodef-title-holder.qodef-standard-with-breadcrumbs-type.qodef-bg-parallax.qodef-has-bg-image.qodef-left-title 
{
    background-position: right 32px !important;
}
body .welcome-sec-home 
{
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
    margin-top: 50px;
}
.welcome-sec-home .vc_column-inner 
{
    padding: 0 !important;
}
.welcome-sec-home h2 
{
    margin-top: 0;
    color: #fff;
    letter-spacing: 1px;
    font-family: Conv_JosefinSans-Bold;
    font-size: 48px;
    text-transform: capitalize;
}
.welcome_content 
{
    // width: 85%;
    margin: 50px auto 0 !important;
    max-width: 939px;
    // font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    color: #858585;
}
.welcome_content p 
{
    font-size: 14px !important;
    color: #fff;
    line-height: 200%;
}
.welcome-sec-home 
{
    background-attachment: fixed;
    background-size: 100% 100%;
}
/*********** Menu **************/ 
.qodef-fullscreen-menu-holder-inner:before 
{
    position: absolute;
    content: "";
    height: 120%;
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    z-index: 9999;
}
nav.qodef-fullscreen-menu 
{
    position: relative;
    top: 0;
    margin: 0 auto;
    text-align: left;
    background: gba(255,255,255,0.8);
}
.qodef-fullscreen-menu-holder-inner 
{
    background: rgba(255,255,255,0.8);
}
.qodef-fullscreen-menu-holder 
{
    background-image: url(https://coderkube.com/wp-content/uploads/2017/10/damian-zaleski-843.jpg);
    background-size: cover;
    position: fixed;
    background-position: center center;
   background-attachment: fixed;
}
nav.qodef-fullscreen-menu ul
{
    position: relative;
    z-index: 9999999;
}
.qodef-fullscreen-below-menu-widget-holder 
{
    position: relative;
    z-index: 999999;
}
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-facebook,
.qodef-fullscreen-menu-holder-outer  span.qodef-social-icon-widget.fa.fa-twitter,
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-instagram,
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-dribbble,
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-behance 
{
    background: #29487d;
    color: #fff !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    //border-radius: 8px 0;
    border-radius: 4px;
    padding-top: 4px;
    transition: 0.5s all cubic- 
    bezier(0.32, -0.4, 0.74, 1.25);
}
span.qodef-social-icon-widget.fa.fa-facebook:hover,
span.qodef-social-icon-widget.fa.fa-twitter:hover,
span.qodef-social-icon-widget.fa.fa-instagram:hover,
span.qodef-social-icon-widget.fa.fa-dribbble:hover,
span.qodef-social-icon-widget.fa.fa-behance:hover
{
    transform:rotate(360deg);
    color: #fff !important;
    opacity: 0.7;
}
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-twitter
{
    background: #1da1f2;
}
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-instagram
{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.qodef-fullscreen-menu-holder-outer span.qodef-social-icon-widget.fa.fa-dribbble
{
    background:#666;
}
nav.qodef-fullscreen-menu ul li ul li a 
{
    color: #2a2a2a;
    padding: 0 10px;
    font-size: 16px;
    display: block;
    padding: 10px;
    margin: 0 !important;
    font-weight: 500;
}
.titile-box 
{
    color: #252525;
    font-family: Conv_JosefinSans-Bold;
    font-size: 60px;
    letter-spacing: 1px;
    text-align:center;
}

/********* Our Awesome Work ********/
.awesome-work .vc_column-inner 
{
    padding-top: 0 !important;
}
.awesome-work h2.titile-box 
{
    margin-top: 0 !important;
}
.awesome-filter-home 
{
    padding-top: 50px;
}
.awesome-work .filters-button-group_1 div 
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    //background-color: #29166f;
    background-color: #140b38;
}
.awesome-work .TSPortfolioHE_Button_1 
{
    padding: 10px;
    background: none;
}
.awesome-work .TSPortfolioHE_Button_1 span 
{
    color: #fff !important;
}
.awesome-work .TSPortfolioHE_Button_1:active, 
.awesome-work .TSPortfolioHE_Button_1:hover, 
.awesome-work .TSPortfolioHE_Button_1:focus 
{
    background: none !important;
    outline: none !important;
    opacity: 1 !important;
}
.awesome-work .TSPortfolioHE_1 article img 
{
   display: inline-block;
   padding: 15px;
}
.awesome-work .TSPortfolioHE_1 article .title 
{
    color: #e0dede !important;
    width: 80%;
    line-height: 160% !important;
    font-size: 18px;
    text-shadow: 0 0 2px #000;
    text-transform:capitalize !important;
}
.awesome-work .TSPortfolioHE_1 article
{
    box-shadow: 0 0 2px #999 !important;
}
.awesome-work .TSPortfolioHE_1 article .box-content 
{
    background: rgba(0,0,0,0.8) !important;
}
.awesome-work .TSPortfolioHE_Ov_Div_1 
{
    background: rgba(0,0,0,0.5);
    padding: 30px !important;
}
.awesome-work TSPortfolioHE_Ov_Div_1 .TSPortfolioHE_Ov_Div2 
{
    height: 300px;
}
.service-main 
{
    background: #ececec;
    padding: 20px 0 50px;
}
.service-main section#grid 
{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.service-main .grid a:nth-child(odd) 
{
    margin: 0;
}
.service-main .grid svg 
{
    height: 100%;
}
.service-main .grid a 
{
    float: left;
    max-width: 100%;
    width: 33%;
    margin-bottom: 7px;
}
.service-main .grid figure button 
{
    border: 0px solid #fff;
    background: #29166f;
    padding: 8px 25px;
    border-radius: 5px;
}
.service-main .grid figure button:hover
{
    background: rgb(0, 175, 236);
}
.qodef-iwt .qodef-iwt-title 
{
    margin: 0;
    line-height: 1.2em;
    font-size: 24px;
}
.qodef-iwt .qodef-iwt-text 
{
    margin: 15px 0 0;
    letter-spacing: 0.5px;
    color: #000!important;
    width: 80%;
    margin: 10px auto 0;
    min-height: 85px;
}
.home .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-content {
    padding: 20px 0 0;
}
.key_feature .key_feature_button 
{
    padding: 8px 20px;
    border-radius: 5px;
}
.key-1 .vc_col-sm-4:nth-child(2),
.key-2 .vc_col-sm-4:nth-child(1),
.key-2 .vc_col-sm-4:nth-child(3) 
{
    background: #f1f1f1;
}
.key_feature .wpb_column.vc_column_container:hover 
{
    background: none;
}
.feature-1 i,
.feature-2 i,
.feature-3 i,
.feature-4 i,
.feature-5 i,
.feature-6 i 
{
    color: #0093dd !important;
}
.page-id-495 .qodef-title-holder.qodef-standard-type.qodef-bg-default.qodef-has-bg-image.qodef-center-title 
{
    display: none;
}
.page-id-3397 .qodef-breadcrumbs-info 
{
    display: none;
}
.page-id-3397 .qodef-title-info h1 
{ 
    //color: grey !important;
    font-size: 40px;
}
.page-id-3397 .qodef-title-holder 
{
    background-position: right 89px;
    height: 600px !important;
}
.page-id-3397 .qodef-title-wrapper 
{
    height: 600px !important;
    justify-content: center !important;
    padding-top: 50px !important;
}
.key_feature .qodef-iwt-title-text 
{
    font-family: Conv_JosefinSans-Bold;
}
.home_welcome_slugtxt 
{
    width: auto;
    display: inline-block;
    padding: .5rem 1rem;
    background: #fff;
    color: #140b38;
    border-radius: 4px;
    # font-style: italic; 
    font-size: 16px !important;
    font-family: Conv_JosefinSans-Bold;
    box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.28);
    margin-top: 10px;
}
.welcome-sec-home h2 
{
    color: #140b38;
}
.welcome_content p 
{
    color: #333640;
}
body .welcome-sec-home 
{
    padding: 15% 0 !important;
    margin-top: 0 !important;
}
.filters-button-group_1 > button::before, 
.filters-button-group_1 > button::after
{
    border: 2px solid rgba(204, 204, 204, 0.81) !important;
}
.filters-button-group_1 > button::before
{
    border-right: none !important;
    border-bottom: none !important;
}
.filters-button-group_1 > button::after
{
    border-left: none !important;
    border-top: none !important;
}
.key_feature .wpb_column.vc_column_container:before 
{
    font: normal normal normal 45px/1 FontAwesome !important;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transform: rotate(-30deg) translateY(80%);
    color: #ccc !important;
    font-size: 250px !important;
    background: none !important;
}
.key_feature .wpb_column.vc_column_container:hover:before
{
    transform: rotate(0) translate(50%,0%);
}
.key-1 .feature-1:before
{
    content: "\f135" !important;
}
.key-1 .feature-2:before
{
    content: "\f005" !important;
}
.key-1 .feature-3:before
{
    content: "\f1ea" !important;
}
.key-2 .feature-4:before
{
    content: "\f0e6" !important;
}
.key-2 .feature-5:before
{
    content: "\f073" !important;
}
.key-2 .feature-6:before
{
    content: "\f05d" !important;
}
.tparrows.tp-leftarrow:before,.arrow_carrot-left:before 
{
    content: "\e900";
    font-family: icomoon;
}
.tparrows.tp-rightarrow:before,.arrow_carrot-right:before
{
    content: "\e901";
    font-family: icomoon;
}
.arrow_carrot-left,.arrow_carrot-right 
{
    font-size:4rem !important;
}

#couter-section-home .main_col
{
    background-color: rgba(255,255,255,0.7);
}
.feature-1,
.feature-2,
.feature-3,
.feature-4,
.feature-5,
.feature-6
{
    overflow:hidden;
}
#quote-carousel 
{
    /*padding: 0 10px 30px 10px;*/
    margin-top: 30px;
}
#quote-carousel .carousel-control 
{
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left 
{
    left: 0px;
    //background-color: #140b38;
    width: 57px;
    height: 57px;
    line-height: 53px;
    border-radius: 50%;
    opacity: 1;
}
#quote-carousel .carousel-control.right 
{
    right: 45px;
    //background-color: #140b38;
    width: 57px;
    height: 57px;
    line-height: 53px;
    border-radius: 50%;
    opacity: 1;
}
#quote-carousel .carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li 
{
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active 
{
    width: 104px;
    height: 104px;
    opacity: 1;
    overflow: hidden;
}
#quote-carousel .carousel-indicators .active img
{
    box-shadow:0px 0px 14px 2px rgba(51, 51, 51, 0.15);
    border-radius: 100%;
}
blockquote .small
{
    color: white;
}
.carousel-inner 
{
    min-height: 300px;
}
.item blockquote 
{
    border-left: none;
    margin: 0;
    padding: 0;
}
.item blockquote p:before 
{
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
  
}
.space_between
{
    margin-top: auto;
}
.carousel-inner h4.qodef-testimonial-author 
{
    text-align: center;
    margin-top: 10px;
}
.carousel-inner h6.qodef-testimonials-author-job 
{
    text-align: center;
}
blockquote:before
{
    content:"";
}
.single-services .qodef-page-title
{
     text-align: left;
}
blockquote>*
{
    padding:0 15px 0;
}
.testi_content
{
    font-size: 20px;
    font-style: italic;
    line-height: 35px;
    color: #140b38;
    max-width: 1024px;
    opacity: 0.6;
}
.testi_content:before
{
    font-size: 85px;
    position: absolute;
    z-index: -1;
    color: #140b38;
    top: 32px;
    left: 0;
    opacity: .2;
}
.arrow_carrot-left, .arrow_carrot-right 
{
    font-size: 4rem !important;
    color: #140b38;
}
.ser_web i.fa 
{
    font-size: 25px;
    color: #140b38;
}
.ser_web ul > li 
{
    margin-left: 10px;
}
.ser_icon .fa 
{
    color: #ccc;
    font-size: 20rem;
    text-align: right;
    justify-content: flex-end;
    display: flex;
}
.single-services .qodef-title-holder .qodef-title-outer 
{
    overflow: hidden;
}
.ser_icon 
{
    height: 100%;
    position: absolute;
    float: none;
    right: 0;
    bottom: 50px;
    display: flex;
    align-items: flex-end;
    opacity: .3;
    transform: scale(2);
}


.gallery-item .title {
    font-family: Conv_JosefinSans-Bold !important;
	color: #fff !important;
	#color: #140b38 !important;
}
.gallery-expander-contents div.contents {
    #border-top: 1px solid #140b38 !important;
    #border-bottom: 1px solid #140b38 !important;
    #color: #140b38 !important;
	border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
}
.gallery-expander {
    #background: #140b38 !important;
    #background: rgb(111, 200, 245) !important;
	background-image: linear-gradient(to bottom right,#0093dd,#0f181d) !important;
}
.gallery-contents:after {
    #border-bottom-color: #11092f !important;
    #border-bottom-color: rgba(0, 147, 218, 0.68) !important;
    border-bottom-color: #29166f !important;
}
a.sr_btn {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255) !important;
    margin: 20px 1px 1px;
    cursor: pointer;
    color: #140b38 !important;
}
.gallery-expander-contents div.close::before, .gallery-expander-contents div.close::after {
    background: #fff !important;
    #background: #000 !important;
}
.gallery-expander-contents {
    display: flex;
    align-items: center;
}
.footer_plus_icon .qodef-social-icon-widget-holder .qodef-social-icon-widget
{
	background-color: #fff;
    color: #000;
    border-radius: 50%;
    padding: 4px 8px;
}
.footer_plus_icon .fa.fa-facebook
{
	padding:4px 10px;
}
.footer_plus_icon .fa.fa-facebook:hover {
    background-color: #4267b2;
    color: #fff;
    opacity: 1 !important;
}
.footer_plus_icon .fa.fa-linkedin:hover {
    background-color: #0077B5;
    color: #fff;
    opacity: 1 !important;
}
.footer_plus_icon .fa.fa-twitter:hover {
    background-color: #32CCFE;
    color: #fff;
    opacity: 1 !important;
}
footer .widget .qodef-widget-title-holder .qodef-widget-title {
    font-weight: 600;
}
.footer_toggle_icon {
    position: absolute;
    left: -75px;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container1 {
    display: block !important;
    background: #060617;
    height: 40px;
}

.footer_toggle_icon span {
    position: initial !important;
}

.qodef-footer-bottom-holder {
    background-position: 50% 99% !important;
}

a.sr_btn {
    font-size: 12px !important;
    padding: 5px 10px !important;
}
/* about ua page */

.about-accordion i {
    color: #010101;
}
/* web design page */
.list-main i{
	    font-size: 20px;
    color: #ffffff;
    padding: 13px 0 0 0;
    border: 1px solid #29166f;
    background: #29166f;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    margin-right: 10px;
}

.numberlist ul{
	            font-size: 15px;
		    font-family: Montserrat;
		    list-style: none;
		    padding-left: 18px;
		    text-align: left;
}


.numberlist .inner{
				position: relative;
				display: block;
				padding: 12px 5px 11px 35px;
				margin: .5em 0;
				background: #dedede;
				color: #444;
				text-decoration: none;
			}

.numberlist .inner:hover{
				background: #0093dd;
				color: #fff;
			}
.numberlist .inner:before{
				
				content: "\f054";
				font-family: FontAwesome;
				position: absolute;	
				left: -1.3em;
				top: 50%;
				margin-top: -24px;
				background: #0093dd;
				height: 47px;
				width: 47px;
				line-height: 40px;
				font-size: 13px;
				border: .3em solid #dedede;
				text-align: center;
				font-weight: bold;
				border-radius: 2em;
				color:#FFF;
			}
			
	.qodef-fullscreen-menu-holder span.qodef-social-icon-widget {
		border-radius: 50% !important;
	}

	.qodef-fullscreen-menu-holder span.qodef-social-icon-widget.fa.fa-linkedin {
		background: #0077B5;
		display: inline-block;
		width: 30px;
		height: 30px;
		padding-top: 2px;
		color: #fff;
	}

	.qodef-fullscreen-menu-holder span.qodef-social-icon-widget.fa.fa-linkedin:hover {
		transform: rotate(360deg);
		color: #fff !important;
		opacity: 0.7;
	}
	button.footer_toggle_icon.btn:focus {
    outline: none;
}
.footer_plus_icon {
 
   /* border-top: 2px solid #fff !important;*/
   border:none !important;
}
.cssload-side.cssload-s1
{
	background: #29166F;
}
.cssload-side.cssload-s2,.cssload-side.cssload-s3,.cssload-side.cssload-s4,.cssload-side.cssload-s5,.cssload-side.cssload-s6 {
    background: #0093DD;
}
.qodef-page-footer a:hover {
    color: #0093DD;
}
.con h3:hover {
    background-color: #29166F;
    
}
.con h3:hover i{
    color: #fff !important; 
}

.con.address .facebook a:hover {
    background-color: #4867AA;
}

.con.address .facebook a:hover i {
    color: #fff !important;
}

.con.address .twitter a:hover {
    background-color: #32CCFE;
}

.con.address .twitter a:hover i {
    color: #fff !important;
}

.con.address .linkedin a:hover {
    background-color: #0077B5;
}

.con.address .linkedin a:hover i {
    color: #fff !important;
}

.list-main h4
{
	position: relative;
    	padding: 0 0 15px 60px;
}
.list-main i
{
    position: absolute;
    display: inline-block;
    font-size: 25px;
    left: 0;
    top: 0;
}
.qodef-footer-bottom-holder .qodef-grid-row{
	text-align: center !important;
}
.qodef-footer-bottom-holder .qodef-grid-row img{
	width: 80px;
	height: auto;
}
.qodef-footer-bottom-holder .widget
{
	margin: 0;
}
.thumbnail img {
    border: 0;
}
#quote-carousel .item {
    /*min-height: 350px;*/
    min-height:440px !important;
}
.qodef-owl-slider .owl-item img {
    height: 130px;
    width: 130px;
}
#ajax-load-posts .img-thumbnail {
    background: transparent;
    border: none;
}
.qodef-counter-holder .qodef-counter
{
	font-size: 60px;
}
.qodef-counter-holder .qodef-counter-title
{
        margin: 10px 0 0;
}

.qodef-title-holder {
    background-image: url(https://coderkube.com/wp-content/uploads/2017/08/laptop-1925749_1920.jpg);
    background-size: cover;
    background-position: left;
}

h1.qodef-page-title.entry-title {
    color: #140b38 !important;
}

.search-results .qodef-breadcrumbs {
    display: none;
}

a.qodef-pag-inactive {
    position: relative;
    /* float: left; */
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #29166f;
}

a.qodef-pag-active {
    background-color: #29166f;
    color: #fff !important;
}

/***************** Responsive ******************/

@media(max-width:1200px)
{
   .odd_col .content, 
   .even_col .content 
   {
   	 width: 70%;
   }
   .qodef-footer-bottom-holder{
    	left: 0 !important;
    	width: 100% !important;
    	text-align: center;
    }
   #custom_service_content 
   {
   	 max-width: 960px;
    	
    	margin: 0 auto;
   }
   .num span 
    {
    	width: 63px;
   	height: 63px;
   	font-size: 30px;
    	padding-top: 13px;
    	font-weight: bold;
    	margin: 8px;
    }
    .odd_col .num, .even_col .num 
    {
    	width: 100px;
    	position: relative;
    	height: 100px;
		/* height: 136px; */
    	padding-top: 0px;
    	margin-bottom: -23px;
    	margin-top: -30px;
		/* margin-top: -16px; */
    }
    .odd_col .content, 
    .even_col .content 
    {
    	width: 71% !important;
    }
    .odd_col .inner_ser_content, 
    .even_col .inner_ser_content
    {
    	width: 100% !important;
    }
    .even_col .num 
    {
	margin-right: -63px;
	margin-left: 0;
	border: 10px solid #29166f;
	/*border-right: 10px solid transparent;*/
    }
     #custom_service_content .container 
    {
    	width: 100%;
    }
    .service-wrapper .row:first-child .col-md-12 .odd_col .num:before
    {
	display: none;
    }
    .service-wrapper .row:first-child .col-md-12 .odd_col .num:after
    {
	display: none;
    }
    .odd_col .num 
    {
    	border-left: 10px solid #0093dd;
        border-width: 10px;
    }
    .even_col .num 
    {
        border: 10px solid #29166f;
        border-right: 10px solid #29166f;
    }
    .service-wrapper .row:last-child .col-md-12 .even_col .num:after
    {
        display: none;
    }
    .service-wrapper .row:last-child .col-md-12 .even_col .num:before
    {
       display: none;
    }
    
}
@media (min-width:1025px)
{
    nav.qodef-fullscreen-menu ul li
    {
        width:250px !important;
        margin:0 auto !important;
    }
    #rev_slider_12_1_wrapper 
    {
        left: 0px !important;
        width: 100% !important;
    }
    #rev_slider_12_1_wrapper .tparrows
    {
        background:none !important;
    }
    #rev_slider_12_1_wrapper .tparrows.tp-leftarrow:before
    {
        font-size:4rem !important;
     /*   color:#140b38 !important;*/
        color:#ffffff !important;
    }
    #rev_slider_12_1_wrapper .tparrows.tp-rightarrow:before
    {
        font-size:4rem !important;
        /*color:#140b38 !important;*/
         color:#ffffff !important;
    }
     nav.qodef-fullscreen-menu ul li a .qodef-fullscreen-menu-arrow
    {
        display:inline-block !important;
        color:#000 !important;
    }
    #menu-header-menu li #dropdown:before
    {
        content: "";
        color: #ccc;
        margin-left: 10px;
        border-left: 1px solid #ccc;
    }
    .tab-accordions ul.vc_tta-tabs-list 
    {
        display: flex !important;
        justify-content: center;
    }
   /* .page-id-495 .qodef-content 
    {
        margin-left: 75px !important;
        width: calc(100% - 75px);
    }*/
    .git .con-fm 
    {
        width: 46% !important;
        margin-right: 25px;
    }    
    .git .add-det 
    {
        width: 47% !important;
        margin-left: 25px !important;
    }
    #rev_slider_12_1_wrapper 
    {
        //left: -3% !important; 
    }
  
}
@media(max-width:1024px)
{

.testi_content
{
font-size:15px;
font-weight:500;
}
    .contact-wrapper .con{
    	width: 46%;
    	
    }
    .contact-wrapper .con.address
    {
    min-height:230px !important;
    }
    nav.qodef-fullscreen-menu ul li a .qodef-fullscreen-menu-arrow
    {
        display:inline-block !important;
        color:#000 !important;
    }
    #menu-header-menu li #dropdown:before
    {
        content: "";
        color: #ccc;
        margin-left: 10px;
        border-left: 1px solid #ccc;
    }
    .qodef-mobile-header .qodef-mobile-logo-wrapper img
    {
        padding-right:35px !important;
    }
    .qodef-mobile-header .custom-search-minimal-mobile
    {
        position: static;
        z-index: 2;
        height: 100%;
        float: none;
        text-align: center;
        width: auto !important;
        margin: 0 auto;
    }
    .qodef-mobile-header .qodef-vertical-align-containers .qodef-position-right
    {
        position: absolute;
        float: none;
        z-index: 2;
        height: 100%;
        text-align: right;
        right: 0;
        top: 0px;
    }
    .qodef-fullscreen-menu-opener, .qodef-fullscreen-menu-opener .qodef-fm-lines
    {
        margin-top:9px !important;
        color:#140b38 !important;
    }
    .qodef-mobile-header .qodef-grid
    {
        width:96% !important;
    }
    .qodef-mobile-header .qodef-search-opener
    {
        margin-right:4px !important;
        font-size:25px !important;
        color:#140b38 !important;
        -webkit-text-stroke:1px #fff ;
        margin-top:12px !important;
    }
    .qodef-search-fade .qodef-fullscreen-search-holder .qodef-fullscreen-search-table
    {
        background-color:#ffffff !important;
    }
    .qodef-fullscreen-search-holder .qodef-search-field
    {
        color: #000000 !important;
        border-bottom: 1px solid #000000;
        letter-spacing: 1px;
    }
    .qodef-fullscreen-search-holder .qodef-search-field::-webkit-input-placeholder
    {
        color:#cccccc !important;
        letter-spacing:1px ;
    }
    .qodef-fullscreen-search-holder .qodef-fullscreen-search-close, 
    .admin-bar .qodef-fullscreen-search-holder .qodef-fullscreen-search-close
    {
        position: fixed !important;
        width: 100%;
        height: auto;
        right: 0px;
        left: auto;
        top:0px;
        text-decoration: none !important;
        -webkit-text-decoration-color: #ffffff !important;
                text-decoration-color: #ffffff !important;
        color: #140b38 !important;
        text-align: right;
    }
    span.qodef-icon-font-elegant.icon_close 
    {
        position: fixed;
        bottom: auto;
        left: auto;
        text-align: right;
        width: auto;
        right: 1.3%;
        top: 10px;
        width:100%;
    }
    .qodef-fullscreen-search-holder .qodef-search-submit
    {
        color:#000 ;
    }
    .qodef-mobile-header .qodef-mobile-logo-wrapper img
    {
        display:inline-block !important;
        margin-top:4px !important;
    }
    .hero 
    { 
        width: 980px; 
    }
    .gap
    {
        margin-top: 25px;
    }
    .h1
    {
      line-height: 1.8em;
    }    
    .jumbo
    {
      font-size: 3rem;
    }
    .space_between
    {
      margin-top: 50px;
    }
     .even_col, 
   .odd_col 
   {
      width: 50%;
      margin: 30px auto;
   }
}

@media(max-width:991px)
{
    .tab-accordions ul li.vc_tta-tab a 
    {
        min-width: 207px !important;
    }
    ul.vc_tta-tabs-list li 
    {
        margin-bottom: 2% !important;
    }
    .even_col, .odd_col 
    {
       display: flex;
       justify-content: space-around;
       align-items: center;
       padding:0;
       width: 50%;
       margin: 30px  auto 0;
    }
    .contact-wrapper .con{
    	width: 47%;
    }
}
@media (max-width:767px) 
{
    div#popmake-3839 
    {
        width: auto !important;
        left: 0px !important;
        top: 35px !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .pum-theme-3823 .pum-content + .pum-close, 
    .pum-theme-default-theme .pum-content + .pum-close 
    {
        color: black !important;
    }
    #tab-acco .vc_active.vc_tta-panel-heading 
    {
        /*border-color: #140b38 !important;*/
        background-color: #140b38 !important;
    }
    #tab-acco .vc_active .vc_tta-panel-heading a 
    {
        color: white !important;
        text-transform: uppercase;
    }
    .vc_tta-panel.tab-accordions 
    {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.32);
    }
    .vc_tta-panel-heading 
    {
        background-color: white !important;
        border-radius:3px !important;
    }
    .space_between
    {
        margin-top: 50px;
    } 
    .gap
    {
      margin-top: 20px;
    }
    #quote-carousel .carousel-control.left
    {
        left:10px;
    }
    #quote-carousel .carousel-control.right
    {
        right:50px;
    }
    .carousel-inner .col-sm-8.col-sm-offset-2 
    {
        margin-bottom: 30px;
    }
    #quote-carousel .carousel-control.left,#quote-carousel .carousel-control.right
    {
        display:none;
    }
    .qodef-title-holder .qodef-title-wrapper .qodef-page-title
    {
    	    font-size: 48px;
    	    line-height: 70px;
    }
    .titile-box
    {
	font-size: 35px;
	line-height: 43px;
    }
    .single-services .single-serv-wrap h4{
    	margin-bottom: 20px;
    }
    .even_col .num 
    {
        border-right: 10px solid #29166f !important;
    }
    .even_col .num 
    {
        border-right: 10px solid #29166f !important;
    }
}
@media screen and (max-width: 640px)
{
    .hero h1 
    { 
        font-size: 4em; 
    }
    .h1
    {
        line-height: 1.6em;
    }
    .jumbo
    {
         font-size: 3rem;
    }
    .space_between
    {
        margin-top: 50px;
    }
    .gap
    {
      margin-top: 15px;
    }

}
@media (max-width:480px)
{
    .qodef-fullscreen-search-holder .qodef-search-field
    {
        font-size:30px!important;
        
    }
    .qodef-fullscreen-search-holder .qodef-search-submit
    {
        top:10px;
    }
    .qodef-fullscreen-search-holder .qodef-search-submit
    {
        top:5px !important;
    }
    .carousel-inner .col-sm-8.col-sm-offset-2 
    {
        margin-bottom: 100px;
    }
}

@media (min-width:1370px)
{
#rev_slider_12_1
{
height:100% !important;
}

}

.qodef-title-holder
{
height:465px !important;
}

/***************** custom media *******************/

.single-serv-wrap
{
margin-bottom:50px !important;
}
.single-serv-wrap a:hover
{
color:#337ab7 !important;
}
.single-serv-wrap a
{
color:#29166f !important;
}

@media (min-width:1200px)
{

.get-in-touch
{
margin: 0 30px !important;
}
.home .slider-home-wrap
{
min-height:100% !important;
}
}

@media (max-width:425px)
{
	.contact-wrapper .con 
	{
	/*flex:0 0 100% !important;*/
	width: 100%;
	}
	.ck-pagination .page-numbers
	{
	padding:5.5px 10px !important;
	font-size:12px !important;
	
	}
	.qodef-footer-bottom-holder
	{
	z-index:-1 !important;
	
	}
	ul.cat-columns li.filter-button-ajax
	{
	font-size:10px !important;
	}
	ul.cat-columns li
	{
	padding:0 6px !important;
	}
	#quote-carousel .testi_content
	{
	font-size:15px ;
	
	}
	#quote-carousel .carousel-indicators
	{
	width:100% ;
	left:30% ;
	}
	.h1, h1
	{
	font-size:22px !important;
	font-weight: 600 !important;
	}
	.single-services .single-serv-wrap h4
	{
	font-size:15px ;
	}
	.single-serv-wrap .list-main i
	{
       padding:10px 0 0 0;
       height: 42px;
    width: 42px;
	}
	

		
}
@media (max-width:767px) and (min-width:480px)
{
	ul.cat-columns li
	{
	padding:0 10px !important;
	}
	.h1, h1
	{
	font-size:26px !important;
	}
	/*nav.qodef-fullscreen-menu
	{
    height: 100%;
    overflow-y: scroll !important;
    top:70px !important;
	}*/
	.gallery-item .thumbnail
	{
	width:100% !important;
	}
}
@media (max-width:767px)
{
	.get-in-touch
	{
	margin: 0 10px !important;
	}
	#popmake-6323
	{
top:0 !important;
	}
		
	
}
@media (max-width:1024px) and (min-width:920px)
{
	
	.h1, h1
	{
	font-size:30px !important;
	}
	.qodef-column-right.send-btn-cn 
	{
         text-align: center;
        }	
}

@media (max-width:1024px)
{
.qodef-google-map-overlay
{
display:none !important;
}
.qodef-fullscreen-menu-holder-inner {
	
	height: 100% !important;
	overflow: auto;
	display: block !important;
	}

}
.inner_ser_content h2:hover {
    color: #0093dd !important;
}

.page-id-411 .qodef-title-holder
{
background-size: contain;
}

@media (max-width:1024px)
{

.page-id-411 .qodef-title-holder
{
background-size:cover;
background-position: 56% center;
}
}
.qodef-fullscreen-search-holder .qodef-search-submit
{
color:#000000 !important;
position:static !important;
}
.qodef-fullscreen-search-holder .qodef-field-holder
{
display:inline !important;
}
.qodef-fullscreen-search-holder .qodef-form-holder-inner
{
width:55% !important;
}
.qodef-fullscreen-search-holder .qodef-search-field
{
width:90% !important;
}
.wpcs-cf7 input.wpcf7-form-control.wpcf7-submit
{
border-radius:50px !important;
background-color:#29166f !important;
 padding: 8px 18px !important;
 font-size:14px !important;
}
.wpcs-slide-out-div
{
border:none !important;
}

#rev_slider_12_1 .rev_slider img, .tp-simpleresponsive img
{
left:0 !important;
width:100% !important;
height:auto !important;
top:7% !important;

}

/*
#rev_slider_12_1 .tp-bgimg.defaultimg
{
display:none !important;
}*/

#rev_slider_12_1 .hesperiden .tp-bullet
{
background:transparent !important;
border:2px solid #fff !important;
}
#rev_slider_12_1 .hesperiden .tp-bullet.selected
{
 background:#fff !important;
}
@media (max-width:1024px) and (min-width:767px)
{
#rev_slider_12_1 .caption,#rev_slider_12_1 .tp-caption
{
bottom:40px !important;
}
}
/*
@media (max-width:1024px) and (min-width:767px)
{
#rev_slider_12_1 .rev_slider img, .tp-simpleresponsive img
{
left:8% !important;
top:20% !important;
}
}
@media (max-width:768px) and (min-width:481px)
{
#rev_slider_12_1 .rev_slider img, .tp-simpleresponsive img
{
left:15% !important;
top:20% !important;
}
}
@media (max-width:480px)
{
#rev_slider_12_1 .rev_slider img, .tp-simpleresponsive img
{
top:7% !important;
left:15% !important;
}
}
*/

@media (max-width:480px)
{
.qodef-fullscreen-search-holder .qodef-form-holder-inner
	{
	width:100% !important;
	}
.qodef-fullscreen-search-holder .qodef-search-field
    {
        font-size:30px!important;
        width:70% !important;
    }
}


#couter-section-home:after {
    background: none;
}

#blog_side_bar {
    padding: 0 15px;
}

#blog_side_bar aside.qodef-sidebar div#categories-3 li.cat-item {
    text-align: left;
}

#blog_side_bar aside.qodef-sidebar ul.wpp-list li {
    text-align: left;
}

div#blog_main_content.qodef-blog-standard article .qodef-post-title a {
    font-size: 21px;
}

div#blog_main_content {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

div#blog_main_content.qodef-blog-standard article {
    max-width: calc(100%/2 - 30px) !important;
    width: 100%;
    margin: 0 15px;
    transition: .2s all ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    padding: 15px;
}

div#blog_main_content p.qodef-post-excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

div#blog_main_content .qodef-blog-holder article .qodef-post-text {
    padding: 15px 0;
}

div#blog_main_content .qodef-post-image {
    min-height: 200px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

div#blog_main_content.qodef-blog-standard article .qodef-post-title {
    min-height: 70px;
}

div#blog_main_content.qodef-blog-standard article .qodef-post-title a {
    font-size: 24px;
}

div#blog_main_content.qodef-blog-standard article:hover {
    /* box-shadow: 0 0 10px rgba(0,0,0,.2); */
    /* padding: 0 15px; */
}

.qodef-blog-holder.qodef-blog-standard article .qodef-post-info-top {
    min-height: 40px;
}

.qodef-blog-holder article .qodef-post-image img {
    margin: 0 auto;
}

.single__blog__main aside.qodef-sidebar .widget ul li {
    display: flex;
    text-align: left !important;
    flex-direction: column;
    justify-content: flex-start;
}

.single__blog__main .qodef-blog-single-navigation .qodef-blog-single-prev,.single__blog__main .qodef-blog-single-navigation .qodef-blog-single-next {
    display: flex;
    align-items: center;
}




#couter-section-home .qodef-counter-holder {
    padding: 15px;
    margin-left: 15px;
    position: relative;
}

/*#couter-section-home .qodef-counter-holder:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    border-left: 27px solid transparent;*/
/*    border-right: 22px solid transparent;*/
/*    border-bottom: 24px solid #0093dd;*/
/*    top: -2px;*/
/*    left: -17px;*/
/*    transform: rotate(-49deg);*/
/*}*/

#couter-section-home .main_col {
    background: none;
}

div#couter-section-home {
    position: relative;
    z-index: 1;
    margin: 0;
    background-attachment: fixed !important;
}

div#couter-section-home:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(0,0,0,.7);
    top: 0;
}

section.vc_section.vc_custom_1557579384695.vc_section-has-fill {
    padding: 0;
    background-attachment: fixed;
    background-size: contain;
    width: 100%;
    margin: 0;
}
.single_blog_link_home img {
        max-width: 200px !important;
    }

.single_blog_link_home {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

div#couter-section-home .qodef-counter-holder .qodef-counter {
    color: #dedede !important;
}

div#couter-section-home .qodef-counter-holder .qodef-counter-title {
    color: #dedede !important;
}

#couter-section-home .qodef-counter-holder.cnt_odd {
    border-right: 1px solid #dedede;
}


@media (max-width: 1024px) {
    .qodef-container-inner div#blog_main_content {
        width: 100% !important;
    }

    #blog_main_content {
        width: 100%;
    }

    #blog_side_bar {
        width: 100% !important;
    }

    #blog_side_bar aside.qodef-sidebar {
        display: flex;
    }
}

@media (max-width: 992px) {
    div#blog_main_content.qodef-blog-standard article {
        margin-bottom: 30px;
    }

    div#blog_main_content.qodef-blog-standard article .qodef-post-title {
        line-height: .9;
        min-height: 60px;
    }
    
    .single__blog__main aside.qodef-sidebar {
        display: flex;
    }
    
    .single__blog__main .qodef-title-holder .qodef-title-wrapper .qodef-page-title {
        line-height: 40px;
        font-size: 32px;
    }
    
    .single__blog__main .qodef-blog-single-navigation .qodef-blog-single-prev ,
    .single__blog__main .qodef-blog-single-navigation .qodef-blog-single-next{
        width: 100%;
    }
    
    .qodef-title-holder .qodef-title-wrapper .qodef-page-title {
        line-height: 40px;
    }
    .single_blog_link_home img {
        max-width: 180px !important;
    }
    
}

@media (max-width: 767px){
    div#couter-section-home .vc_row-fluid.vc_custom_1557559411127 {
        width: 100%;
    }
}
.page-id-7768 .con h3 i {
    transform: rotate(-45deg);
    color: #888!important
}
@media (max-width: 680px) {
    div#blog_main_content.qodef-blog-standard article {
        max-width: 100% !important;
    }

    #blog_side_bar aside.qodef-sidebar {
        flex-direction: column;
    }
    .single__blog__main aside.qodef-sidebar {
        flex-direction: column;
    }
    .single__blog__main .qodef-title-holder .qodef-title-wrapper .qodef-page-title {
        line-height: 40px;
    }
    .welcome-sec-home .home_welcome_slugtxt {
        margin: 10px 15px;
    }

    .single_blog_link_home img {
        max-width: 150px !important;
    }

    .single_blog_link_home .wpb_single_image {
        margin-bottom: 15px !important;
    }

    .single_blog_link_home a.qodef-btn.qodef-btn-small.qodef-btn-outline.qodef-btn-custom-hover-bg.qodef-btn-custom-border-hover.qodef-btn-animated {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 25px !important;
    }
}
.qodef-ps-info-sticky-holder .single_portfolio {
background-color: #140b38;
color: #ffffff !important;
padding: 12px 30px !important;
transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
}
.qodef-ps-info-sticky-holder .single_portfolio:hover {
background-color: #0093dd !important;
}
.ck_faqs h6.qodef-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active {
    background-color: #0093dd !important;
    color: #ffffff;
    border-radius: 5px;
}

.ck_faqs h6.qodef-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active span::before {
    color: #ffffff;
}
.ck_faqs h6.qodef-accordion-title {
    padding-inline: 15px !important;
    font-weight: 600;
}
@media(max-width:768px){
.ck_faqs .qodef-accordion-holder.qodef-ac-simple .qodef-accordion-title {
    padding: 17px 35px 17px 10px !important;
}
}