/* ----------------------------------------------------------------------------------- 
    Shortcode Elements

    1. Content Boxes
    2. Accordions and toggles
    3. Counter Boxes
    4. Progress Bars
    5. Counter Circles
    6. Reading Box
    7. Alert Boxes
    8. Button Styles
    9. Social Icons
   10. Testimonials
   11. Tagline Boxes
   12. Carousels Boxes
   13. Pricing Tables
   14. Tabs
   15. Recent Posts
   16. Clients
   17. FontAwesome Icons
   18. Divider
   19. Gallery Page
   20. Media Queries
   21. Experimental
   22. Image Style

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


/*-----------------------------------------------------------------------------------*/
/*    1. Content Boxes
/*-----------------------------------------------------------------------------------*/


.tp-tabs .tp-tab_list .box{
    text-align: inherit;
}

.box {
    display: block;
    padding: 30px 0;
    text-align: center;
    position: relative;
}
.box.no h3 {
    margin-top: 0;
}

.box .icon {
    position: relative;
    display: table;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    background: transparent;	
	border: 1px solid;	
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;	
	-webkit-transition: background 0.15s ease-in-out 0s;
	-moz-transition: background 0.15s ease-in-out 0s;
	-o-transition: background 0.15s ease-in-out 0s;
	transition: background 0.15s ease-in-out 0s;
}

.box .icon i {
    font-size: 32px;	
    -webkit-transition: color 0.15s ease-in-out 0s;
    -moz-transition: color 0.15s ease-in-out 0s;
    -o-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
    display: table-cell;
    vertical-align: middle;
}
.box .box-text{
    display: inline-block;
}
.box .imageicon .content{
    padding: 0 20px 0px 20px;
}
.box .imageicon{
    border: solid 1px #ececec;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 25px;
    width: 100%;
}

.imageicon .icon{
    text-align: center;
    position: absolute;
    display: table;
    left: 50%;
    width: 84px;
    height: 84px;
    margin-left: -42px;
    margin-top: -42px;
    border-width:1px !important;  
    z-index: 1; 
}


.box .imageicon .icon i{
    font-size:3em;
}
}

.box a.box_container_link{
    display: block;
}

.box .image_head{
    width: 100%;
}

.box .image_head img{
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    max-width: 100%;
}

.box .box-text:hover .image_head img{    
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
}   

.box h5 {
    margin-bottom: 0;
    text-transform: uppercase;
}

.box p {
    font-weight: 300;
}

.box a{
    color: #747474;
}
.box .icon{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.box .imageicon:hover .icon{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    margin-top: -47px;
}


.box.yes:hover .icon{
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
}


.box.listed-left {
    display: block;
    text-align: left;
}

.box.listed-left .icon {
    float: left;
    text-align: center;
}

.box.listed-left.nocontent h3, .box.listed-right.nocontent h3{
    margin: 18px 0;
}

.box-text span{
    display: block;
}

.box.listed-left .box-text.withicon {
    padding-left: 80px;
    display: block;
}

.box.listed-left.circle-no .box-text.withicon {
    padding-left: 70px;
}

.box.listed-left .box-text.noicon{
    display: block;
}

.box.listed-right {
    display: block;
    text-align: right;
}

.box.listed-right .icon {
    float: right;
    text-align: center;
}
.box.center .icon {
    left: 50%;
    margin-left: -30px;
}

.box.listed-right .box-text {
    padding-right: 90px;
    display: block;
}

.heading3 {
    margin-top: 0;
    margin-bottom: 9px;
}

.box.nocontent .heading3 {
    margin: 14px 0;
} 

.light_text .box-text h3, .light_text .heading3 {
    color: #fff;
}


.box-text.imageicon h3, .imageicon .heading3{
    margin: 20px 20px 15px 20px;
}


.box-text.withicon h3{
    margin: 0 0 10px 0;
}
.box.circle-no .icon {
	border: none;
	height: 60px;
    width: 60px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.box.circle-no.inverted-no .icon {
    margin-top: 5px;
    height: auto;
    width: 60px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 0 ;
}

.box.circle-no .icon i {
	font-size: 38px;
}

.box.listed-right.circle-no i,
.box.listed-left.circle-no i {
	line-height: 1;
}

.box.inverted-yes .icon {
	border: solid 1px #fff;
}

.box.inverted-yes .icon i {
	color: #fff !important;
}
.box a.content_box_btn.button-main{
    margin: 15px 20px 0 20px !important;

}


/*-----------------------------------------------------------------------------------*/
/*    2. Accordions and toggles
/*-----------------------------------------------------------------------------------*/


.toggle {
    margin-bottom: 1px;
    border-bottom: 1px solid #eee;
}

.toggle .toggle-title {
    position: relative;
    border-left: 0;
    padding: 12px 10px 12px 40px;
    font-size: 16px;
    margin: 0;
    cursor: pointer;
    font-weight: 300;
}

.toggle .toggle-title:before {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "+";
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    display: block;  
    height: 18px;  
    width: 18px;  
}

.toggle .toggle-title.active:before {    
    content: "-";
}

.toggle .toggle-content {
    display: none;
    padding: 0 0 15px 0;
}

/*-----------------------------------------------------------------------------------*/
/*  3. Counter Boxes
/*-----------------------------------------------------------------------------------*/

.counter-box {
    margin: 30px 0;
}

.counter-box-wrapper {
    border: 0;
    padding: 15px;
    text-align: center;
}

.content-box-percentage {
    font-size: 70px;
    line-height: 80px;
    color: #a0ce4e;
    font-weight: 100;
}

/*-----------------------------------------------------------------------------------*/
/*    4. Progress Bars
/*-----------------------------------------------------------------------------------*/

.progress-bar.square .progress ,.progress-bar.square .bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.progress-bar.rounded .progress ,.progress-bar.rounded .bar {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;

}

.progress-bar.inverted_fill .bar{
    background: #fff;
}

.progress-bar.small .progress{ height: 15px;}
.progress-bar.medium .progress{ height: 25px;}
.progress-bar.large .progress{ height: 45px;}

.progress-bar {
    float: left;
    width: 100%;
    margin:30px 0;

}
.progress-bar.gradient .progress{
    padding: 0;
}
.progress {
    position: relative;
    margin: 0;
    background-color: #ebebeb;
    padding: 2px;
}

.progress-bar .bar {
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    background-color: #E96045;
    background-image: none;
}
.progress .value_per {
    color: #fff;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: -30px;
    margin-left: -24px;
    width: 40px;
    text-align: center;
}

.progress .value_per .arrow-down{
    border-style: solid;
    border-width: 5px 5px 0;
    bottom: -5px;
    content: "";
    display: block;
    left: 15px;
    position: absolute;
    width: 0;
}

.progress .field {
    position: absolute;
    left: 20px;
    font-weight: 400;
    line-height: 41px;
}

.progress-bar.small .progress .field, .progress-bar.outside .progress .field{ margin-top: -40px; left: 0; }
.progress-bar.medium.outside .progress .field{ margin-top: -25px; left: 0; }

.progress-bar.medium .progress .field{
    line-height: 20px;
    left: 10px;
}

.progress-bar.medium.gradient .progress .field{
    line-height: 24px;
    }

.progress-bar.medium.outside .progress .field{
    line-height: 15px;
}

.progress-bar.medium.outside .progress .field i{
display: inline-block;
}
.progress .field i {
    margin-right: 10px;
    vertical-align: middle;
    font-size: 16px;
}

.progress-bar.gradient.green .progress .value_per{ background: #9ADC9B;}
.progress-bar.gradient.green .progress .value_per .arrow-down{border-color: #9ADC9B transparent;}


.progress-bar.gradient.warm_orange .progress .value_per{ background: #FF5F7F;}
.progress-bar.gradient.warm_orange .progress .value_per .arrow-down{border-color: #FF5F7F transparent;}


.progress-bar.gradient.red .progress .value_per{ background: #FF3C3C;}
.progress-bar.gradient.red .progress .value_per .arrow-down{border-color: #FF3C3C transparent;}


.progress-bar.gradient.pink .progress .value_per{ background: #D88CF9;}
.progress-bar.gradient.pink .progress .value_per .arrow-down{border-color: #D88CF9 transparent;}


.progress-bar.gradient.bright_blue .progress .value_per{ background: #8B54FF;}
.progress-bar.gradient.bright_blue .progress .value_per .arrow-down{border-color: #8B54FF transparent;}


.progress-bar.gradient.skygreen .progress .value_per{ background: #32D5DE;}
.progress-bar.gradient.skygreen .progress .value_per .arrow-down{border-color: #32D5DE transparent;}


.progress-bar.gradient.violet .progress .value_per{ background: #CB87F5;}
.progress-bar.gradient.violet .progress .value_per .arrow-down{border-color: #CB87F5 transparent;}


.progress-bar.gradient.grey .progress .value_per{ background: #D3DDF3;}
.progress-bar.gradient.grey .progress .value_per .arrow-down{border-color: #D3DDF3 transparent;}


.progress-bar.gradient.dark_grey .progress .value_per{ background: #4A6A85;}
.progress-bar.gradient.dark_grey .progress .value_per .arrow-down{border-color: #4A6A85 transparent;}

.progress-bar.gradient.green .bar{
    background-color: #59CFC7;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #59CFC7),
        color-stop(1, #9ADC9B)
    );
    background-image: -o-linear-gradient(right, #59CFC7 0%, #9ADC9B 100%);
    background-image: -moz-linear-gradient(right, #59CFC7 0%, #9ADC9B 100%);
    background-image: -webkit-linear-gradient(right, #59CFC7 0%, #9ADC9B 100%);
    background-image: -ms-linear-gradient(right, #59CFC7 0%, #9ADC9B 100%);
    background-image: linear-gradient(to right, #59CFC7 0%, #9ADC9B 100%);
}

.progress-bar.gradient.warm_orange .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #F3CA25),
    color-stop(1, #FF5F7F)
);
background-image: -o-linear-gradient(right, #F3CA25 0%, #FF5F7F 100%);
background-image: -moz-linear-gradient(right, #F3CA25 0%, #FF5F7F 100%);
background-image: -webkit-linear-gradient(right, #F3CA25 0%, #FF5F7F 100%);
background-image: -ms-linear-gradient(right, #F3CA25 0%, #FF5F7F 100%);
background-image: linear-gradient(to right, #F3CA25 0%, #FF5F7F 100%);
}
.progress-bar.gradient.red .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #CBCDFF),
    color-stop(1, #FF3C3C)
);
background-image: -o-linear-gradient(right, #CBCDFF 0%, #FF3C3C 100%);
background-image: -moz-linear-gradient(right, #CBCDFF 0%, #FF3C3C 100%);
background-image: -webkit-linear-gradient(right, #CBCDFF 0%, #FF3C3C 100%);
background-image: -ms-linear-gradient(right, #CBCDFF 0%, #FF3C3C 100%);
background-image: linear-gradient(to right, #CBCDFF 0%, #FF3C3C 100%);
}
.progress-bar.gradient.pink .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #FF83A0),
    color-stop(1, #D88CF9)
);
background-image: -o-linear-gradient(right, #FF83A0 0%, #D88CF9 100%);
background-image: -moz-linear-gradient(right, #FF83A0 0%, #D88CF9 100%);
background-image: -webkit-linear-gradient(right, #FF83A0 0%, #D88CF9 100%);
background-image: -ms-linear-gradient(right, #FF83A0 0%, #D88CF9 100%);
background-image: linear-gradient(to right, #FF83A0 0%, #D88CF9 100%);
}
.progress-bar.gradient.bright_blue .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #6088FF),
    color-stop(1, #8B54FF)
);
background-image: -o-linear-gradient(right, #6088FF 0%, #8B54FF 100%);
background-image: -moz-linear-gradient(right, #6088FF 0%, #8B54FF 100%);
background-image: -webkit-linear-gradient(right, #6088FF 0%, #8B54FF 100%);
background-image: -ms-linear-gradient(right, #6088FF 0%, #8B54FF 100%);
background-image: linear-gradient(to right, #6088FF 0%, #8B54FF 100%);
}
.progress-bar.gradient.skygreen .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #27D7A8),
    color-stop(1, #32D5DE)
);
background-image: -o-linear-gradient(right, #27D7A8 0%, #32D5DE 100%);
background-image: -moz-linear-gradient(right, #27D7A8 0%, #32D5DE 100%);
background-image: -webkit-linear-gradient(right, #27D7A8 0%, #32D5DE 100%);
background-image: -ms-linear-gradient(right, #27D7A8 0%, #32D5DE 100%);
background-image: linear-gradient(to right, #27D7A8 0%, #32D5DE 100%);
}
.progress-bar.gradient.violet .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #A187F5),
    color-stop(1, #CB87F5)
);
background-image: -o-linear-gradient(right, #A187F5 0%, #CB87F5 100%);
background-image: -moz-linear-gradient(right, #A187F5 0%, #CB87F5 100%);
background-image: -webkit-linear-gradient(right, #A187F5 0%, #CB87F5 100%);
background-image: -ms-linear-gradient(right, #A187F5 0%, #CB87F5 100%);
background-image: linear-gradient(to right, #A187F5 0%, #CB87F5 100%);
}
.progress-bar.gradient.grey .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #F0F0F0),
    color-stop(1, #D3DDF3)
);
background-image: -o-linear-gradient(right, #F0F0F0 0%, #D3DDF3 100%);
background-image: -moz-linear-gradient(right, #F0F0F0 0%, #D3DDF3 100%);
background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #D3DDF3 100%);
background-image: -ms-linear-gradient(right, #F0F0F0 0%, #D3DDF3 100%);
background-image: linear-gradient(to right, #F0F0F0 0%, #D3DDF3 100%);
}
.progress-bar.gradient.dark_grey .bar{
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #606E95),
    color-stop(1, #4A6A85)
);
background-image: -o-linear-gradient(right, #606E95 0%, #4A6A85 100%);
background-image: -moz-linear-gradient(right, #606E95 0%, #4A6A85 100%);
background-image: -webkit-linear-gradient(right, #606E95 0%, #4A6A85 100%);
background-image: -ms-linear-gradient(right, #606E95 0%, #4A6A85 100%);
background-image: linear-gradient(to right, #606E95 0%, #4A6A85 100%);
}

/*-----------------------------------------------------------------------------------*/
/*    5. Counter Circles
/*-----------------------------------------------------------------------------------*/

.progress-circle {
    margin: 30px 0;
    text-align: center;
}

.easyPieChart {
    position: relative;
    text-align: center;
    display: inline-block;
    line-height: normal !important;
    color: #303440;
    font-size: 48px;
    font-weight: 700;
}

.easyPieChart .label {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.easyPieChart .content_wrap{
    display: table-cell;
    vertical-align: middle;
}

.easyPieChart .percentage {
    font-weight: 300;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
}


.easyPieChart .field {
width: 100%;
font-size: 16px;
font-weight: 300;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*    6. Reading Box
/*-----------------------------------------------------------------------------------*/

.reading-box {
	background: #fff;
	margin: 0 0 84px;
	padding: 28px 28px 27px 31px;
	border: 1px solid #e8e6e6;
	border-top-width: 3px;
	border-top-color: #E96045;
	border-bottom-width: 2px;
}


/*-----------------------------------------------------------------------------------*/
/*    7. Alert Boxes
/*-----------------------------------------------------------------------------------*/


.alert {
	background:#F3F3F3;
	text-align: center;
	padding: 0;
	margin: 0 0 1.4em 0;
	line-height: 28px;
	font-weight: normal;
	color: #757a82;
	position: relative;
	border-radius: 0;
    display: table;
    width: 100%;
    border: 0;
}

.alert .alert-icon {
	float: none;
    padding: 15px 5px;
    display: table-cell;
    color: #fff;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    min-width: 70px;
    vertical-align: middle;
}

.alert .alert-icon i {
	font-size: 30px;
	line-height: 30px;
}

.alert .content{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    border: solid 1px #E9E9E9;
    border-left: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    padding: 10px 20px;
    line-height: inherit;
}
.alert .content p{
    margin: 0;
    padding:5px 0;
}
.alert .content h1,.alert .content h2, .alert .content h3, .alert .content h4, .alert .content h5, .alert .content h6{
    margin: 0;    
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
}

.alert .cross {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 19px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	font-weight: bold;
}

.alert .cross:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
}

.alert.error .content h1,.alert.error .content h2, .alert.error .content h3, .alert.error .content h4, .alert.error .content h5, .alert.error .content h6{
    color: #FA6262;}
.alert.error .alert-icon {background: #FA6262;}

.alert.success .content h1,.alert.success .content h2, .alert.success .content h3, .alert.success .content h4, .alert.success .content h5, .alert.success .content h6{
    color: #AFD866;}
.alert.success .alert-icon {background:#AFD866;}

.alert.notice .content h1,.alert.notice .content h2, .alert.notice .content h3, .alert.notice .content h4, .alert.notice .content h5, .alert.notice .content h6{
    color: #EED11B;}
.alert.notice .alert-icon { background: #EED11B;}

.alert.warning .content h1,.alert.warning .content h2, .alert.warning .content h3, .alert.warning .content h4, .alert.warning .content h5, .alert.warning .content h6{
    color: #71D8E6;}
.alert.warning .alert-icon {
    background: #71D8E6;
}


/*-----------------------------------------------------------------------------------*/
/*    8. Button Styles
/*-----------------------------------------------------------------------------------*/

a.button-main,
a.button-main:visited{
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    font-size: 12px;
    outline: none;
    font-weight: 500;
    line-height: 1em;
    padding: 7px 10px !important;
    cursor: pointer;
    border: 0;
    margin:0.3em 0.2em;
    vertical-align: middle;
    font-weight: 500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}


#portfolio-projects a.button-main,
#portfolio-projects a.button-main:visited{
    margin: 10px 0;

}


input[type="submit"],
button[type="submit"] {
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    font-size: 12px;
    outline: none;
    font-weight: 500;
    line-height: 1em;
    padding: 7px 10px !important;
    cursor: pointer;
    border: 0;
    margin: 10px 0 !important;
    vertical-align: middle;
    font-weight: 500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;

}


a.button-main.button-large:hover,
a.button-main.button-large:visited:hover{
    padding: 17px 30px 19px 30px!important;
}
a.button-main.button-large:active{
    padding: 18px 30px!important;
}


a.button-main.button-medium:hover,
a.button-main.button-medium:visited:hover{
    padding:12px 18px 14px 18px!important;
}
a.button-main.button-medium:active{
    padding:13px 18px!important;
}

a.button-main.button-small:hover,
a.button-main.button-small:visited:hover{
    padding: 6px 10px 8px 10px !important;
}
a.button-main.button-small:active{
    padding: 7px 10px!important;    
}

a.button-main.toggled,
a.button-main:visited.toggled
 {
    background: #eaeaea;
    color: inherit;
}

a.button-main.toggled:hover,
a.button-main:visited.toggled:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {

    color: #fff;
}
    
a.button-main.button-medium {
    padding: 11px 16px!important;
    font-size: 16px;
}

a.button-main.button-large {
    padding: 18px 30px!important;
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.button-main.gradient.button-large{
    padding: 18px 30px 20px 30px !important;
}

a.button-main.button-medium{
    padding: 13px 18px!important;
    font-size: 15px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.button-main.rounded{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

a.button-main.fill, a.button-main.embossed{
    color: #fff !important;
}

a.button-main.embossed{
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0,0,0,0.2);
}

a.button-main:hover { text-decoration: none;}
a.button-main.green { background: #63ba1d;}    
a.button-main.skyblue { background: #00a1cb;}
a.button-main.red { background: #f71d1d;}
a.button-main.pink {background: #e3514a;}
a.button-main.bright_blue { background: #2960ff;}
a.button-main.skygreen {  background: #11d29e;}
a.button-main.violet {  background: #8261ef;}
a.button-main.grey { color: #555!important; background: #d3d3d3;}
a.button-main.dark_grey {  background: #484848;}
a.button-main.fill.white, a.button-main.embossed.white {  background: #fff;}


a.button-main.border{
    background: none !important;
    border:solid 2px;  
}
a.button-main.border.green { border-color: #63ba1d; color:#63ba1d;}
a.button-main.border.skyblue { border-color: #00a1cb; color:#00a1cb;}
a.button-main.border.red { border-color: #f71d1d; color:#f71d1d;}
a.button-main.border.pink {border-color: #e3514a; color:#e3514a;}
a.button-main.border.bright_blue { border-color: #2960ff; color:#2960ff;}
a.button-main.border.skygreen {  border-color: #11d29e; color:#11d29e;}
a.button-main.border.violet {  border-color: #8261ef; color:#8261ef;}
a.button-main.border.grey { color: #555!important; border-color: #d3d3d3;}
a.button-main.border.dark_grey {  border-color: #484848; color:#484848;}
a.button-main.border.white {  border-color: #fff; color:#fff;}


input[type="submit"],
button[type="submit"]{
    background: #59CFC7;
}

a.button-main.gradient.green{
    background-color: #59CFC7;
        background-image: -webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0, #59CFC7),
        color-stop(1, #9ADC9B)
    );
    background-image: -o-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -moz-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -webkit-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -ms-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: linear-gradient(to right top, #59CFC7 0%, #9ADC9B 100%);
} 




a.button-main.gradient.skyblue{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #68C6EE),
    color-stop(1, #74E1ED)
);
background-image: -o-linear-gradient(right top, #68C6EE 0%, #74E1ED 100%);
background-image: -moz-linear-gradient(right top, #68C6EE 0%, #74E1ED 100%);
background-image: -webkit-linear-gradient(right top, #68C6EE 0%, #74E1ED 100%);
background-image: -ms-linear-gradient(right top, #68C6EE 0%, #74E1ED 100%);
background-image: linear-gradient(to right top, #68C6EE 0%, #74E1ED 100%);
}
a.button-main.gradient.red{
    background-color: #F57949;
        background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #F57949),
        color-stop(1, #EC5B5B)
    );
    background-image: -o-linear-gradient(right, #F57949 0%, #EC5B5B 100%);
    background-image: -moz-linear-gradient(right, #F57949 0%, #EC5B5B 100%);
    background-image: -webkit-linear-gradient(right, #F57949 0%, #EC5B5B 100%);
    background-image: -ms-linear-gradient(right, #F57949 0%, #EC5B5B 100%);
    background-image: linear-gradient(to right, #F57949 0%, #EC5B5B 100%);
}
a.button-main.gradient.pink{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #FF83A0),
    color-stop(1, #D88CF9)
);
background-image: -o-linear-gradient(right top, #FF83A0 0%, #D88CF9 100%);
background-image: -moz-linear-gradient(right top, #FF83A0 0%, #D88CF9 100%);
background-image: -webkit-linear-gradient(right top, #FF83A0 0%, #D88CF9 100%);
background-image: -ms-linear-gradient(right top, #FF83A0 0%, #D88CF9 100%);
background-image: linear-gradient(to right top, #FF83A0 0%, #D88CF9 100%);
}
a.button-main.gradient.bright_blue{
    background-color: #6088FF;
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #6088FF),
    color-stop(1, #9178FF)
);
background-image: -o-linear-gradient(right top, #6088FF 0%, #9178FF 100%);
background-image: -moz-linear-gradient(right top, #6088FF 0%, #9178FF 100%);
background-image: -webkit-linear-gradient(right top, #6088FF 0%, #9178FF 100%);
background-image: -ms-linear-gradient(right top, #6088FF 0%, #9178FF 100%);
background-image: linear-gradient(to right top, #6088FF 0%, #9178FF 100%);
}
a.button-main.gradient.skygreen{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #27D7A8),
    color-stop(1, #32D5DE)
);
background-image: -o-linear-gradient(right top, #27D7A8 0%, #32D5DE 100%);
background-image: -moz-linear-gradient(right top, #27D7A8 0%, #32D5DE 100%);
background-image: -webkit-linear-gradient(right top, #27D7A8 0%, #32D5DE 100%);
background-image: -ms-linear-gradient(right top, #27D7A8 0%, #32D5DE 100%);
background-image: linear-gradient(to right top, #27D7A8 0%, #32D5DE 100%);
}
a.button-main.gradient.violet{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #A187F5),
    color-stop(1, #CB87F5)
);
background-image: -o-linear-gradient(right top, #A187F5 0%, #CB87F5 100%);
background-image: -moz-linear-gradient(right top, #A187F5 0%, #CB87F5 100%);
background-image: -webkit-linear-gradient(right top, #A187F5 0%, #CB87F5 100%);
background-image: -ms-linear-gradient(right top, #A187F5 0%, #CB87F5 100%);
background-image: linear-gradient(to right top, #A187F5 0%, #CB87F5 100%);
}
a.button-main.gradient.grey{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #D3D3D3),
    color-stop(1, #EDEDED)
);
background-image: -o-linear-gradient(right top, #D3D3D3 0%, #EDEDED 100%);
background-image: -moz-linear-gradient(right top, #D3D3D3 0%, #EDEDED 100%);
background-image: -webkit-linear-gradient(right top, #D3D3D3 0%, #EDEDED 100%);
background-image: -ms-linear-gradient(right top, #D3D3D3 0%, #EDEDED 100%);
background-image: linear-gradient(to right top, #D3D3D3 0%, #EDEDED 100%);
}

a.button-main.gradient.white{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #e3e3e3),
    color-stop(1, #fff)
);
background-image: -o-linear-gradient(right top, #e3e3e3 0%, #fff 100%);
background-image: -moz-linear-gradient(right top, #e3e3e3 0%, #fff 100%);
background-image: -webkit-linear-gradient(right top, #e3e3e3 0%, #fff 100%);
background-image: -ms-linear-gradient(right top, #e3e3e3 0%, #fff 100%);
background-image: linear-gradient(to right top, #e3e3e3 0%, #fff 100%);
}


a.button-main.gradient.dark_grey{
background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0, #606E95),
    color-stop(1, #4A6A85)
);
background-image: -o-linear-gradient(right top, #606E95 0%, #4A6A85 100%);
background-image: -moz-linear-gradient(right top, #606E95 0%, #4A6A85 100%);
background-image: -webkit-linear-gradient(right top, #606E95 0%, #4A6A85 100%);
background-image: -ms-linear-gradient(right top, #606E95 0%, #4A6A85 100%);
background-image: linear-gradient(to right top, #606E95 0%, #4A6A85 100%);
}



.rounded_line_corner, 
.sharp_line_corner, 
.rounded_fill_corner, 
.sharp_fill_corner{
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    display: inline-block;
}

.rounded_line_corner:hover, .sharp_line_corner:hover{
    border: solid 2px rgba(69,112,195,0.7);
}
.rounded_fill_corner:hover, .sharp_fill_corner:hover{
    background: rgba(69,112,195,0.7);
}

.rounded_line_corner{
    border: solid 2px rgba(69,112,195,0.5);
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 16px;
    color: rgba(69,112,195,0.5);
}
.rounded_fill_corner{
    border: 0;
    background: rgba(69,112,195,0.5);
    color: #fff !important;
    padding: 7px 18px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
}
.sharp_line_corner{
    border: solid 2px rgba(69,112,195,0.5);
    padding: 5px 16px;    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: rgba(69,112,195,0.5);
}
.sharp_fill_corner{ 
    border: 0;
    background: rgba(69,112,195,0.5);
    color: #fff !important;
    padding: 7px 18px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



/*-----------------------------------------------------------------------------------*/
/*    9. Social Icons
/*-----------------------------------------------------------------------------------*/

ul.social-networks {
	margin: 0;
	padding: 0;
}

.social-networks li {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

.popup {
	display: none;
	position: absolute;
	padding: 0 0 6px;
	color: #d1d1d2;
	font-size: 11px;
	line-height: 15px;
	bottom: 73%;
	left: -9px;
}

.tp-classic .popup {
	left: -15px;
}

.popup .holder {
	padding: 4px 11px;
	background: #46494a;
	border-radius: 2px;
}

.popup:after {
	font-family: 'FontAwesome';
	content: '\f0d7';
	color: #46494a;
	font-size: 18px;
	position: relative;
	top: -6px;
	left: 39%;
	text-align: center;
}

.popup p {
	margin: 0 !important;
}

a.tp-social-icon {
    position: relative;
    font-size: 18px;
    width: 40px;
    height: 40px;
    background: #cacaca;
    float: left;
    padding: 0;
    text-align: center;
    z-index: 0;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    outline: none;
    -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    transition: all 0.3s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

a.tp-social-icon:before {
    margin: 0px;
    display: inline;
    line-height: 40px;
}

a.tp-social-icon-twitter {
    background: #00c4fc;
}

a.tp-social-icon-facebook-1 {
    background: #3350ae;
}

a.tp-social-icon-linkedin {
    background: #0084d7;
}

a.tp-social-icon-pinterest {
    background: #df2828;
}

a.tp-social-icon-path {
    background: #f75f5f;
}

a.tp-social-icon-behance {
    background: #168cff;
}

a.tp-social-icon-delicious {
    background: #055ff5;
}

a.tp-social-icon-paypal {
    background: #23649a;
}

a.tp-social-icon-gplus {
    background: #d83d2d;
}

a.tp-social-icon-stumbleupon {
    background: #c60303;
}

a.tp-social-icon-fivehundredpx {
    background: #0089d4;
}

a.tp-social-icon-foursquare-2 {
    background: #3ab6e8;
}

a.tp-social-icon-forrst {
    background: #267810;
}

a.tp-social-icon-digg {
    background: #024dcb;
}

a.tp-social-icon-spotify {
    background: #aed40e;
}

a.tp-social-icon-reddit {
    background: #ff7800;
}

a.tp-social-icon-dribbble {
    background: #fe0085;
}

a.tp-social-icon-flickr {
    background: #e53a7c;
}

a.tp-social-icon-rss-1 {
    background: #ef7528;
}

a.tp-social-icon-skype {
    background: #1dc6ff;
}

a.tp-social-icon-youtube {
    background: #e8211a;
}

a.tp-social-icon-vimeo {
    background: #0084ff;
}

a.tp-social-icon-myspace {
    background: #464545;
}

a.tp-social-icon-amazon {
    background: #f59e1b;
}

a.tp-social-icon-ebay {
    background: #ff0101;
}

a.tp-social-icon-github-1 {
    background: #024dcb;
}

a.tp-social-icon-lastfm-1 {
    background: #c60303;
}

a.tp-social-icon-posterous {
    background: #5d6b5d;
}

a.tp-social-icon-picasa {
    background: #a759ab;
}

a.tp-social-icon-wordpress {
    background: #2a92c1;
}

a.tp-social-icon-evernote {
    background: #84d53f;
}

a.tp-social-icon-win8 {
    background: #655299;
}

a.tp-social-icon-grooveshark {
    background: #ffbf3c;
}

a.tp-social-icon-soundcloud {
    background: #ff4701;
}

a.tp-social-icon-tumblr {
    background: #3d627d;
}

a.tp-social-icon-instagram {
    background: #1c527e;
}

a.tp-social-icon:hover {
    background: #353535;
}

.tp-social a {
	border: none;
	float: left;
	display: block;
	height: 32px;
	width: 32px;
}

.tp-social.size-16px a {
	width: 16px;
	height: 16px;
}


.highlight-text {
    color: #fff;
    padding: 0 3px;
}


/*-----------------------------------------------------------------------------------*/
/*    10. Testimonials
/*-----------------------------------------------------------------------------------*/


.testimonials.slider {
    -webkit-transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -ms-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
    transition: height 0.4s ease;
    margin-bottom: 44px;
}

.testimonial-item {
    margin-top:3px;
    margin-bottom: 44px;
    width: 100%;
    position:relative;
}
.testimonial-item .testimonial-content:before{
content: '“';
font-size: 63px;
font-family: arial;
position: absolute;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
left: 13px;
}

.testimonial-item .testimonial-content:after{
    content: '”';
font-size: 63px;
font-family: arial;
position: absolute;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-khtml-opacity: 0.2;
-moz-opacity: 0.2;
right: 13px;
bottom: 37px;
}


.testimonial-item .testimonial-content {
    padding: 30px 45px;
    background: rgba(0, 0, 0, 0.04);  
    margin-bottom: 15px;  
    color: inherit;
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
}

.container.pagize .testimonial-item .testimonial-content {
    padding: 30px 35px;
    color: inherit;
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
}

.testimonial-item p,
.testimonial-item h5 {
    line-height: 25px;
}

.testimonial-item p {
    margin-bottom: 20px;
    margin-top: 0;
}

.testimonial-meta {
    font-style: normal;
    position: relative;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    padding-left: 27px;
    color: inherit;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
}



/*-----------------------------------------------------------------------------------*/
/*    11. Tagline Boxes
/*-----------------------------------------------------------------------------------*/

.tagline-box {
	background: #f6f6f6;
	padding: 28px 28px 27px 31px;
	border-left: 3px solid #E96045;
	margin-bottom: 84px;
}

.tagline-box h4 {
	margin-bottom: 20px;
}

.tagline-box p {
	margin: 0;
}

.tagline-box .button-main {
	float: right;
	position: relative;
}


/*-----------------------------------------------------------------------------------*/
/*    12. Carousels Boxes
/*-----------------------------------------------------------------------------------*/


.jcarousel-container {
    margin-bottom:20px;
}

.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    width: 940px;
    clear:both;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width:  940px;
    height: auto;
}

.jcarousel-item {
    display: block;
    position: relative;
    padding:0;
}

.item-carousel {
    position: relative;
    overflow: hidden;
    min-height: 338px;
}

.item-carousel-details {
    position: relative;
    z-index: 2;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px 0 5px 0;
    width: 100%;
    text-align: left;
}

.item-carousel-details h4 {
    margin:0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

.bgtitle h2 {
    margin-top: 0;
}

.item-carousel h3 {
    margin: 0 0 5px 0;
    overflow: hidden;
}

.item-carousel span {
    display: block;
}

.item-carousel ul, #homeblog-carousel ul {
    height: auto;
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0 !important;
    padding: 0;
    list-style-type:none;
}


.item-carousel li {
    float:left;
    list-style:none;
    width: 270px;
    height: auto;
    -webkit-transition:background 0.2s linear;
    -moz-transition:background 0.2s linear;
    -o-transition:background 0.2s linear;
    transition:background 0.2s linear;      
    margin-right: 20px;
    margin-left:0;
    text-align:center;
    display: block;
    position: relative;
    padding: 0;
}

.item-carousel li img {
    width:100%;
    height:auto;
    display: block;
}

.item-carousel .jcarousel-item:hover {
    background:#fafafa;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: -52px;
    right: 0;
    width: 23px;
    cursor: pointer;
    font-size: 24px;
    text-align: center;    
    line-height: 1em;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    color: #fff;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.jcarousel-control-prev {
    right:24px;
}

.item-carousel-wrapper {
    position:relative;
    margin-top: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*    13. Pricing Tables
/*-----------------------------------------------------------------------------------*/


.pricing-column {
    text-align:center;
    float:left;
    position:relative;
    margin-bottom: 30px;
    margin-right: 1%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.12);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.12);
    box-shadow: 0 0 8px rgba(0,0,0,0.12);
}

.pricing-column:last-child{
    margin-right: 0;
}

.pricing-wrap.col-1 .pricing-column {
    width: 100%;
}

.pricing-wrap.col-2 .pricing-column {
    width: 49%;
}

.pricing-wrap.col-3 .pricing-column {
    width: 32.66666666666667%;
}

.pricing-wrap.col-4 .pricing-column {
    width: 24.25%;
}

.package-value,
.package-features {
    padding: 0;
    margin: 0;
}

.pricing-wrap .featured-column .signup {
    padding: 30px 0;
}

.featured-column .package-value{
    background-color: #59CFC7;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0, #59CFC7),
        color-stop(1, #9ADC9B)
    );
    background-image: -o-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -moz-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -webkit-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: -ms-linear-gradient(right top, #59CFC7 0%, #9ADC9B 100%);
    background-image: linear-gradient(to right top, #59CFC7 0%, #9ADC9B 100%);
    line-height: 95px;
}

.package-features,
.signup,
.savings,
.package-title {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}

.package-title{
    border-top: 1px solid #e3e3e3;    
}


.signup .button-main {
    margin: 0 !important;
}

.package-title {
    font-size:40px;
    font-weight: 300;
    line-height:100px;
}

.featured-column .bestoffer{
    z-index: 1;
    padding: 5px 5px 5px 0;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    text-align: center;
    line-height: 1;
    top: 8px;
    left: auto;
    right: 0px;
    margin: 0;
    background: #67B846;
    color: #fff;
    text-transform: uppercase;
}
.featured-column .bestoffer:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-10px;
    width:0;
    height:0;
    border-color:transparent #67B846 transparent transparent;
    border-style:solid;
    border-width:11px 10px 10px 0;      
}

.featured-column {
    top: -30px;
    z-index: 1;
}

.featured-column .package-title {
    line-height: 120px;
    position:relative; 
    z-index:-1;
}

.featured-column .column-shadow {
    height:10px;
    position:relative;
    z-index:10;
    box-shadow: 0px -1px 0px #dadada;
    width: 100%;
    right: 1px;
}


#posts .pricing-table ul ul li {
    margin:0;
    list-style-type: none;
}

#posts .pricing-table ul {
    margin:0; 
    list-style:none;
}

.pricing-column .signup {
    border-bottom:1px solid #e3e3e3;
    padding:20px 0;
    background:#F9F9F9;
}

.pricing-column .signup .button {
    margin:0;
}

.package-value {
    background-color:#5a5a5a;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0, #5a5a5a),
        color-stop(1, #494949)
    );
    background-image: -o-linear-gradient(right top, #5a5a5a 0%, #494949 100%);
    background-image: -moz-linear-gradient(right top, #5a5a5a 0%, #494949 100%);
    background-image: -webkit-linear-gradient(right top, #5a5a5a 0%, #494949 100%);
    background-image: -ms-linear-gradient(right top, #5a5a5a 0%, #494949 100%);
    background-image: linear-gradient(to right top, #5a5a5a 0%, #494949 100%);
    color: #fff;
    line-height:75px;
}

ul.package-features li {
    padding: 15px 10px;
    background:#fff;
    list-style: none;
    border-bottom:1px solid #e3e3e3;
}

ul.package-features li:nth-child(even) {
    background:#f9f9f9;
}

.package-currency {
    font-size:24px;
    position:relative;
    top:-12px;
}

.package-price {
    font-size:40px;
    font-weight:500;
}

.package-time {
    font-size:14px;
}

.savings{
    font-size: 19px;
    color: #63c264;
    font-weight: 500;
    line-height: 48px;    
    border-bottom:1px solid #e3e3e3;
}

.pricing-table, .normal-table {
    width:100%;
    margin-top: 15px;
}

.normal-table td {
    border:1px solid #efefef;
    padding:10px 20px;
    text-align:center;
}
.normal-table tr.alt  {
    background:#fbfbfb;
}

.normal-table tr.first-column {
    background:#666666;
    color: #efefef;
}

html .table-6 {
    width:16.6%;
    float:left;
}
html .table-5 {
    width:20%;
    float:left;
}
html .table-4 {
    width:25%;
    float:left;
}
html .table-3 {
    width:33.3%;
    float:left;
}
html .table-2 {
    width:50%;
    float:left;
}


/*-----------------------------------------------------------------------------------*/
/*    14. Tabs
/*-----------------------------------------------------------------------------------*/


.sep {
margin: 22px 0;
clear: both;
height: 1px;
}

.sep:before, .sep:after {
clear: both;
}

.tp-tabs.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

.tp-tabs * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


.tp-tabs {
    background: none;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.tp-tabs .box{
    padding: 0;
}

.tp-tabs .tp-nav {
    list-style: none!important;
    margin: 0!important;
    padding: 0;
    background: none;
    border: 0;
    float: none;
}

.tp-tabs .tp-nav li a {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    line-height: 24px;
   
    background: #FBFBFB;
    margin: 0!important;
    text-decoration: none;
}
  

/* Clearfix */
.tp-clearfix:before,
.tp-clearfix:after { content:""; display:table; }
.tp-clearfix:after { clear: both; }
.tp-clearfix { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }

/* Tab Styles */

.tp-tabs .tp-nav li {
    float: left;
    position: relative;
    z-index: 10;
    list-style: none!important;
}

.tp-tabs .tp-nav .ui-tabs-selected a,
.tp-tabs .tp-nav .ui-tabs-active a {
  
    background: #F3F3F3;    
    color: #f7b924;
}

.tp-tabs .tp-tab_list {   float: left;   padding: 0;}

/******************************************************************************************************/

/*single_bottom_border*/

.tp-tabs.single_bottom_border.right_position .tp-nav li a   {border-left: 1px solid #e8e8e8;}
.tp-tabs.single_bottom_border.bottom_position .tp-nav li a  {border-top: 1px solid #e8e8e8;}
.tp-tabs.single_bottom_border.left_position .tp-nav li a    {border-right: 1px solid #e8e8e8;}


.tp-tabs.single_bottom_border.top_position .tp-nav li       {margin: 0 2px -1px 0!important;}
.tp-tabs.single_bottom_border.right_position .tp-nav li     {margin: 0 0 2px -1px !important; width: 100%;}
.tp-tabs.single_bottom_border.bottom_position .tp-nav li    {margin: -1px 2px 0 0!important;}
.tp-tabs.single_bottom_border.left_position .tp-nav li      {margin: 0 0 2px 0!important; width: 100%;}

.tp-tabs.single_bottom_border.bottom_position .tp-nav li.ui-tabs-active a    {margin-top: -1px;}

.tp-tabs.single_bottom_border.left_position .tp-tab_list                     {margin-left: -1px; padding: 0;}

.tp-tabs.single_bottom_border.top_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_bottom_border.top_position  .tp-nav .ui-tabs-active a   { border-bottom: solid 2px;}

.tp-tabs.single_bottom_border.right_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_bottom_border.right_position  .tp-nav .ui-tabs-active a { border-left: solid 2px;}


.tp-tabs.single_bottom_border.bottom_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_bottom_border.bottom_position  .tp-nav .ui-tabs-active a { border-top: solid 2px;}

.tp-tabs.single_bottom_border.left_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_bottom_border.left_position  .tp-nav .ui-tabs-active a { border-right: solid 2px;}

.tp-tabs.single_bottom_border .tp-tab {background: #fff; padding: 20px; border: 1px solid #e8e8e8;}


/*single_bottom_border*/

/******************************************************************************************************/

/*single_top_border*/


.tp-tabs.single_top_border.top_position .tp-nav li a                  {border-top: solid 2px transparent;}
.tp-tabs.single_top_border.right_position .tp-nav li a, 
.tp-tabs.single_top_border.bottom_position .tp-nav li a, 
.tp-tabs.single_top_border.left_position .tp-nav li a    {border:0;}


.tp-tabs.single_top_border.top_position .tp-nav li       {margin: 0 2px 0px 0!important;}
.tp-tabs.single_top_border.right_position .tp-nav li     {margin: 0 0 2px 0px !important; width: 100%;}
.tp-tabs.single_top_border.bottom_position .tp-nav li    {margin: 0px 2px 0 0!important;}
.tp-tabs.single_top_border.left_position .tp-nav li      {margin: 0 0 2px 0!important; width: 100%;}

.tp-tabs.single_top_border.bottom_position .tp-nav li.ui-tabs-active a        {margin-top: 0px;}

.tp-tabs.single_top_border.left_position .tp-tab_list {margin-left: 0px; padding: 0;}

.tp-tabs.single_top_border.top_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_top_border.top_position  .tp-nav .ui-tabs-active a   { border-top: solid 2px;}

.tp-tabs.single_top_border.right_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_top_border.right_position  .tp-nav .ui-tabs-active a { border-right: solid 2px;}


.tp-tabs.single_top_border.bottom_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_top_border.bottom_position  .tp-nav .ui-tabs-active a { border-bottom: solid 2px;}

.tp-tabs.single_top_border.left_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.single_top_border.left_position  .tp-nav .ui-tabs-active a { border-left: solid 2px;}


.tp-tabs.single_top_border .tp-tab {background: #fff; padding: 20px; border: 1px solid #e8e8e8;}


/******************************************************************************************************/

/*full_border*/

.tp-tabs.full_border .tp-nav li                                                                 {position: relative; z-index: 0;}
.tp-tabs.full_border .tp-nav .ui-tabs-selected, .tp-tabs.full_border  .tp-nav .ui-tabs-active  { position: relative; z-index: 10;  }

.tp-tabs.full_border .tp-nav li a    {color: #373737; border:0; background: #fff; border: solid 1px #e8e8e8;}

.tp-tabs.full_border.top_position .tp-nav {   padding-left: 10px;}
.tp-tabs.full_border.right_position .tp-nav {   padding-top: 10px; margin-left: -2px;}
.tp-tabs.full_border.bottom_position .tp-nav {   padding-left: 10px;}
.tp-tabs.full_border.left_position .tp-nav {   padding-top: 10px;}


.tp-tabs.full_border.top_position .tp-nav li       {margin: 0 -1px 0px 0!important;}
.tp-tabs.full_border.right_position .tp-nav li     {margin: -1px 0 0 -2px !important; width: 100%;}
.tp-tabs.full_border.bottom_position .tp-nav li    {margin: 0px -1px 0 0!important;}
.tp-tabs.full_border.left_position .tp-nav li      {margin: -1px 0 0 0!important; width: 100%;}


.tp-tabs.full_border.bottom_position .tp-nav li.ui-tabs-active a        {margin-top: 0px;}

.tp-tabs.full_border.top_position .tp-tab_list {margin-top: -2px; padding: 0; }
.tp-tabs.full_border.right_position .tp-tab_list { padding: 0; }
.tp-tabs.full_border.bottom_position .tp-tab_list {margin-bottom: -2px; padding: 0; z-index: 10; }
.tp-tabs.full_border.left_position .tp-tab_list {margin-left: -2px; padding: 0; }

.tp-tabs.full_border.top_position .tp-tab{    border-top: solid 2px;}
.tp-tabs.full_border.right_position .tp-tab{    border-right: solid 2px;}
.tp-tabs.full_border.bottom_position .tp-tab{    border-bottom: solid 2px;}
.tp-tabs.full_border.left_position .tp-tab{    border-left: solid 2px;}

.tp-tabs.full_border .tp-nav .ui-tabs-selected a, .tp-tabs.full_border .tp-nav .ui-tabs-active a   { border: solid 2px;}


@media (min-width: 480px) {
.tp-tabs.full_border.top_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.full_border.top_position  .tp-nav .ui-tabs-active a   {border-bottom: 0;}


.tp-tabs.full_border.bottom_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.full_border.bottom_position  .tp-nav .ui-tabs-active a {border-top: 0;}

}


.tp-tabs.full_border .tp-tab {background: #fff; padding: 20px; border: 1px solid #e8e8e8;}



/******************************************************************************************************/

/*filled*/

.tp-tabs.filled .tp-nav li                                                           {position: relative; z-index: 0;}
.tp-tabs.filled .tp-nav .ui-tabs-selected, .tp-tabs.filled  .tp-nav .ui-tabs-active  { position: relative; z-index: 10;}

.tp-tabs.filled .tp-nav li a    {border:0; background: #fff; }

.tp-tabs.filled.top_position .tp-nav {   padding-left: 10px;}
.tp-tabs.filled.right_position .tp-nav {   padding-top: 10px; margin-left: -2px;}
.tp-tabs.filled.bottom_position .tp-nav {   padding-left: 10px;}
.tp-tabs.filled.left_position .tp-nav {   padding-top: 10px;}


.tp-tabs.filled.top_position .tp-nav li       {margin: 0 -1px 0px 0!important;}
.tp-tabs.filled.bottom_position .tp-nav li    {margin: 0px -1px 0 0!important;}


.tp-tabs.filled.bottom_position .tp-nav li.ui-tabs-active a        {margin-top: 0px;}

.tp-tabs.filled.top_position .tp-tab_list {margin-top: -2px; padding: 0; }
.tp-tabs.filled.right_position .tp-tab_list { padding: 0; }
.tp-tabs.filled.bottom_position .tp-tab_list {margin-bottom: -2px; padding: 0; z-index: 10; }
.tp-tabs.filled.left_position .tp-tab_list {margin-left: -2px; padding: 0; }

.tp-tabs.filled.top_position .tp-tab{    border-top: solid 2px;}
.tp-tabs.filled.bottom_position .tp-tab{    border-bottom: solid 2px;}
@media (min-width: 768px) {

.tp-tabs.full_border.right_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.full_border.right_position  .tp-nav .ui-tabs-active a {border-left: 0;}
.tp-tabs.full_border.left_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.full_border.left_position  .tp-nav .ui-tabs-active a { border-right: 0;}

.tp-tabs.filled.right_position .tp-nav li     {margin: -1px 0 0 -2px !important; width: 100%;}
.tp-tabs.filled.left_position .tp-nav li      {margin: -1px 0 0 0!important; width: 100%;}
.tp-tabs.filled.right_position .tp-tab{    border-right: solid 2px;}
.tp-tabs.filled.left_position .tp-tab{    border-left: solid 2px;}
}
.tp-tabs.filled .tp-nav .ui-tabs-selected a, .tp-tabs.filled .tp-nav .ui-tabs-active a   {color: #fff;}

.tp-tabs.filled.top_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.filled.top_position  .tp-nav .ui-tabs-active a   {border-bottom: 0;}

.tp-tabs.filled.right_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.filled.right_position  .tp-nav .ui-tabs-active a {border-left: 0;}


.tp-tabs.filled.bottom_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.filled.bottom_position  .tp-nav .ui-tabs-active a {border-top: 0;}

.tp-tabs.filled.left_position  .tp-nav .ui-tabs-selected a,
.tp-tabs.filled.left_position  .tp-nav .ui-tabs-active a { border-right: 0;}


.tp-tabs.filled .tp-tab {background: #fff; padding: 20px; border: 1px solid #e8e8e8;}

.tp-tabs.left_position .tp-nav      { float: left;}
.tp-tabs.right_position .tp-nav     { float: right;}

/*  Tab Positions  */


/*-----------------------------------------------------------------------------------*/
/*    15. Recent Posts
/*-----------------------------------------------------------------------------------*/


article.floated-post {
    margin-bottom: 30px;
}

.floated-post-thumb {
    margin-bottom: 0;
}

.floated-post h6.post-title {
    margin-top: 15px;
    margin-bottom: 6px;
}

.floated-post h6.post-title a {
    color: inherit;
}

.meta {
    list-style: none;
    margin: 0 0 13px;
    padding: 0;
    /*overflow: hidden;*/
    font-size: 12px;
    color: #333;
}

.meta ul {
    margin: 0;
    list-style: none !important;
}

.meta li {
    float: left;
    padding: 0 8px 0 9px;
    border-left: 1px solid #333;
    line-height: 14px;
}

.meta li:first-child {
    padding-left: 0;
    border-left: 0;
}

.meta em.date,
.meta li a {
    color: #747474;
}


.recent-posts-container.thumbnail-style .floated-post-thumb {
    width: 144px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

.recent-posts-container.thumbnail-style .meta {
    margin: 0 0 -6px;
}

.recent-posts-container.thumbnail-style h6.post-title {
    position: relative;
    top: -4px;
    margin-bottom: 2px;
}



/*-----------------------------------------------------------------------------------*/
/*    16. Custom List
/*-----------------------------------------------------------------------------------*/


ul.list {
    margin: 0 0 0 2.025em;
    text-indent: -0.85em;
}

ul.list li {
    list-style-type: none !important;
    text-indent: -1.25em;
}

ul.list li i.fa {
    width: 1.25em;
    text-align: center;
}

ul.customlist li:before {
    display: inline-block;
    content: ' ';
    margin-right: 14px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

ul.customlist li {
    padding: 6px 0 !important;
}

ul.customlist.color-yes li:before,
ul.dynamiclist.color-yes li i.fa {
    color: #E96045;
}

ul.customlist.list-star li:before { content: '\f005'; }
ul.customlist.list-star-o li:before { content: '\f006'; }
ul.customlist.list-thumbs-o-up li:before { content: '\f087'; }
ul.customlist.list-thumbs-up li:before { content: '\f164'; }
ul.customlist.list-thumbs-o-down li:before { content: '\f088'; }
ul.customlist.list-thumbs-down li:before { content: '\f165'; }
ul.customlist.list-check li:before { content: '\f00c'; }
ul.customlist.list-check-circle li:before { content: '\f058'; }
ul.customlist.list-check-circle-o li:before { content: '\f05d'; }
ul.customlist.list-check-square li:before { content: '\f14a'; }
ul.customlist.list-check-square-o li:before { content: '\f046'; }
ul.customlist.list-dot-circle-o li:before { content: '\f192'; }
ul.customlist.list-plus-square li:before { content: '\f0fe'; }
ul.customlist.list-share li:before { content: '\f064'; }
ul.customlist.list-share-square li:before { content: '\f14d'; }
ul.customlist.list-share-square-o li:before { content: '\f045'; }
ul.customlist.list-star-half-o li:before { content: '\f123'; }
ul.customlist.list-times-circle-o li:before { content: '\f05c'; }
ul.customlist.list-tint li:before { content: '\f043'; }
ul.customlist.list-plus-square-o li:before { content: '\f196'; }

.check_heading i {
    margin-right: 10px;  
}

/*-----------------------------------------------------------------------------------*/
/*    16. Clients
/*-----------------------------------------------------------------------------------*/

ul.clients {
    margin: 0;
    padding: 0;
    list-style: none !important;
}

ul.clients {
    overflow: hidden;
    border: 1px solid #f1f1f1;
    text-align: center;
    clear: both;
}

ul.clients li {
    display:inline-block;
    border-left:1px solid #f1f1f1;
    text-align:center;
    padding: 0 28.1px;
}

ul.clients li a {
    cursor:pointer;
}

ul.clients li:first-child {
    border: none;
}

ul.clients li img {
    vertical-align:middle;
}

ul.clients li a {
    opacity:0.4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);  
    display:inline-block;   
    height:120px;
    line-height:120px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

ul.clients li a:hover {
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------------*/
/*    17. FontAwesome Icons
/*-----------------------------------------------------------------------------------*/


.fontawesome-icon {
display:inline-block;
float:left;
margin-right:0.4em;
}

.fontawesome-icon.circle-yes {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
color:#fff;
text-align:center;
margin-bottom: 0.4em;
}

.fontawesome-icon.large {
font-size:3em;
}


.fontawesome-icon.circle-yes {
width:2em;
height:2em;
line-height:2.1em;
}

.fontawesome-icon.small {
font-size:inherit;
}

.fontawesome-icon.circle-no.large {
margin-bottom: 0.4em;
}

.fontawesome-icon.medium {
font-size: 1.8em;
}

.icon-heading .fontawesome-icon {
margin-top:-6px!important;
}


/*-----------------------------------------------------------------------------------*/
/*    18. Special Heading
/*-----------------------------------------------------------------------------------*/

.special-heading{
    padding: 20px;
    background: #F5F5F5;
    border: solid 7px #ECECEC;
}

.special-heading.italic > *,
.special-heading.italic_border > * {
    font-style: italic;
}

.fancy {
    line-height: 1.5em; 
    text-transform: none;
}

.fancy span {
    position: relative;  
}

.fancy span p {
    margin: 0;  
}

.fancy.italic_border span:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 100px;
    background: #E96045;
    top: 150%;
    left: 10px;
}

.fancy.italic_border span:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background: #E96045;
    top: 150%;
    left: 0;
}


.light_text{ color: #fff;}
.light_text a {color: #fff; text-decoration: underline;}

.dark_text .calltoaction { background: #E83204; color: #fff;}
.light_text .calltoaction {background: #efdb21; color: #000;}

.center_align.right .container{width: auto;}
.center_align.right .container .leftcol{text-align: left;}

.center_align.left .container{width: auto;}
.center_align.left .container .leftcol{text-align: left;}

.special-heading .container {display: table; width: 100%;}
.special-heading .leftcol {display: table-cell; vertical-align: middle;}
.special-heading .rightcol{display: table-cell; vertical-align: middle;}

.special-heading.bottom .leftcol, .special-heading.bottom .rightcol{
    width: 100%;
    display: block;
}

.special-heading.bottom .rightcol{
    padding-top: 5px;
    padding-bottom: 20px;
}


.special-heading h2.fancy{
    margin: 0;
    color: inherit;
}

.special-heading span{
    display: inline-block;
    line-height: normal;
}

.special-heading .button-main{
    margin:10px 0 !important;
}


.calltoaction{
    display: inline-block;
    white-space: nowrap;
}

.special-heading.right .calltoaction {
    float: right;
    margin-left: 20px;
}

.special-heading.left .calltoaction {
    float: left;
    margin-right: 20px;
}

/*flat*/

.special-heading.flat h2.fancy{ font-size: 36px; line-height: 54px;}
.special-heading.flat span{ font-size: 18px; font-weight: 300; padding: 10px 0;}
.special-heading.flat.dark_text .calltoaction{ padding: 22px 55px; font-size: 18px;
    -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px;}
.special-heading.flat.light_text .calltoaction{  padding: 22px 55px; font-size: 18px;
    -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px;}


/*ultra*/

.special-heading.ultra h2.fancy{ font-size: 40px; font-weight: 100; text-transform: uppercase;}
.special-heading.ultra span{ font-size: 22px; font-weight: 400; padding-bottom: 10px; text-transform: uppercase;}
.special-heading.ultra.dark_text .calltoaction{ padding: 14px 80px; font-size: 18px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.special-heading.ultra.light_text .calltoaction{  padding: 14px 80px; font-size: 18px;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/*jumbo*/

.special-heading.jumbo{padding: 80px 0 !important;}
.special-heading.jumbo h2.fancy{ font-size: 40px; font-weight: 100; text-transform: capitalize;}
.special-heading.jumbo span{ font-size: 22px; font-weight: 400; padding-bottom: 10px; text-transform: capitalize;}
.special-heading.jumbo.dark_text .calltoaction{ padding: 34px 53px; font-size: 25px;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
    -webkit-box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
}
.special-heading.jumbo.light_text .calltoaction{  padding: 34px 53px; font-size: 25px;
    -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
-webkit-box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
box-shadow: 0 -6px rgba(0, 0, 0, 0.15) inset, 0 1px 5px rgba(0,0,0,0.3);
}


/*-----------------------------------------------------------------------------------*/
/*    18. Divider
/*-----------------------------------------------------------------------------------*/


.divider {
    position: relative;
    margin: 30px 0 30px;
    width: 100%;
    border-bottom: 1px solid #e0dede;
}

.divider.dashed_thick{border-bottom: 2px dashed #e0dede;}
.divider.dashed_thin{border-bottom: 1px dashed #e0dede;}
.divider.dotted_thick{border-bottom: 2px dotted #e0dede;}
.divider.dotted_thin{border-bottom: 1px dotted #e0dede;}

.divider.double_line{border-bottom: 1px solid #e0dede; border-top: 1px solid #e0dede; height: 6px;}

.divider.short {
    margin: 30px auto 30px;
    width: 30%;
}

.divider.blank {
    height: 20px;
    border: 0;
    margin: 0 !important;
}

.divider.shadow_bottom{
    background: url('../images/divider-shadow1.png') 50% 1px no-repeat;
    height: 10px;
    border-top: 1px solid #e0dede;
    border-bottom: 0;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

}

.whitebg{
    position: absolute;
    margin-top: -12px;
    width: 100%;
}
.divider h3{
    background: #fff;
    margin: 0;
    display: inline-block;
}
.divider.left_align h3{ padding: 0 15px 0 0;}
.divider.center_align h3{ padding: 0 15px 0 15px;}
.divider.right_align h3{ padding: 0 0 0 15px;}

.divider .container{
    padding: 0;
}

.divider.icon .whitebg span{
    background: #fff;
    display: inline-block;
    font-size: 25px;
    top: -14px;
    border: solid 1px;
    width: 50px;
    height: 50px;
    line-height: 1em;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;

}

.divider.icon_text .whitebg span{
font-size: 22px;
padding-right: 7px;
}

/*-----------------------------------------------------------------------------------*/
/*    19. Gallery Page
/*-----------------------------------------------------------------------------------*/

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

ul.gallery-page > li {
    float: left;
    margin-bottom: 30px;
    list-style: none;
}



/*-----------------------------------------------------------------------------------*/
/*    20. Media Queries
/*-----------------------------------------------------------------------------------*/

@media (max-width: 767px) {
    .tp-tabs.full_border.right_position .tp-nav li{margin: 0 !important;}
    .tp-tabs.full_border.right_position .tp-tab{ border-right: 1px solid #e8e8e8; border-top-color: #e8e8e8 !important;   }
    .tp-tabs.filled.right_position .tp-tab, .tp-tabs.filled.left_position .tp-tab{    border-top: solid 2px; }
    .tp-tabs.single_bottom_border.left_position .tp-nav .ui-tabs-selected a, .tp-tabs.single_bottom_border.left_position .tp-nav .ui-tabs-active a{
        border-width:2px 0 0 0;
        border-top:solid 2px;
    }
    .tp-tabs.single_bottom_border.left_position .tp-nav li a{
        border:solid 1px rgba(0,0,0,0.1);
    }
    .tp-tabs.single_bottom_border.left_position .tp-nav li{
        margin: 0 0 0 -1px !important;
    }
}



@media (min-width: 992px) and (max-width: 1199px) {


    .nosubhead .special-heading.left .button-main, .nosubhead .special-heading.right .button-main{
        margin: 0 !important;
    }

    .pricing-wrap .featured-column .signup {
        padding: 20px 0 !important;
    }

    .pricing-wrap.col-2 .pricing-column:nth-child(2),
    .pricing-wrap.col-3 .pricing-column:nth-child(2),
    .pricing-wrap.col-4 .pricing-column:nth-child(2) {
       
    }

    ul.clients li {
        padding: 0 11px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .pricing-wrap.col-2 .pricing-column,
    .pricing-wrap.col-3 .pricing-column,
    .pricing-wrap.col-4 .pricing-column {
        width: 100% !important;
    }

    .featured-column{
        top: 0;
    }

    .pricing-wrap .pricing-column:not(:last-child) {
        border-right: 1px solid #dbdbdb;
    }

    ul.clients li {
        padding: 0;
        border: 0;
    }

}

@media (min-width: 481px) and (max-width: 767px) {

    .pricing-wrap.col-2 .pricing-column,
    .pricing-wrap.col-3 .pricing-column,
    .pricing-wrap.col-4 .pricing-column {
        width: 100% !important;
    }
    .featured-column{
        top: 0;
    }

    .pricing-wrap .pricing-column:not(:last-child) {
        border-right: 1px solid #dbdbdb;
    }

    ul.clients li {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 480px) {
    
    .tp-tabs.filled.top_position .tp-nav, .tp-tabs.full_border.top_position .tp-nav, .tp-tabs.filled.bottom_position .tp-nav{ padding-left: 0;}
    .tp-tabs.full_border.top_position .tp-tab_list{margin-top: 0;}
    .tp-tabs.full_border.top_position .tp-tab{border-top: 1px solid;}
    .tp-tabs.full_border.top_position .tp-tab{border-top-color: #e8e8e8 !important;}
    .tp-tabs.single_bottom_border.top_position .tp-nav .ui-tabs-selected a, .tp-tabs.single_bottom_border.top_position .tp-nav .ui-tabs-active a{
        border-width:0 0 2px 0;
    }
    
    .tp-tabs.single_top_border.top_position .tp-nav li a{
        border-width: 2px 0 0 0;
    }

    .tp-tabs.single_top_border.top_position .tp-nav li a,.tp-tabs.filled .tp-nav li a,
    .tp-tabs.single_bottom_border.top_position .tp-nav a, .tp-tabs.single_bottom_border.top_position .tp-nav a {
        border: solid 1px rgba(0,0,0,0.1);

    }

    .tp-tabs .tp-nav li{ width: 100%;}
    .tp-tabs.full_border.bottom_position .tp-tab_list{margin-bottom: 0;}
    .tp-tabs.full_border.bottom_position .tp-nav{padding-left: 0;}
    .tp-tabs.full_border.bottom_position .tp-tab{border-bottom: 0;}
    .tp-tabs.single_bottom_border.top_position .tp-nav li{margin-bottom: 0 !important;}

    .pricing-wrap.col-2 .pricing-column,
    .pricing-wrap.col-3 .pricing-column,
    .pricing-wrap.col-4 .pricing-column {
        width: 100% !important;
    }

    .featured-column{
        top: 0;
    }
    .pricing-wrap .pricing-column:not(:last-child) {
        border-right: 1px solid #dbdbdb;
    }

    ul.clients li {
        padding: 0;
        border: 0;
    }

}

@media (max-width: 320px) {

    .pricing-wrap.col-2 .pricing-column,
    .pricing-wrap.col-3 .pricing-column,
    .pricing-wrap.col-4 .pricing-column {
        width: 100% !important;
    }

    .pricing-wrap .pricing-column:not(:last-child) {
        border-right: 1px solid #dbdbdb;
    }

    ul.clients li {
        padding: 0;
        border: 0;
    }

}


/*-----------------------------------------------------------------------------------*/
/*    21. Experimental
/*-----------------------------------------------------------------------------------*/


.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.jcarousel .vc-carousel-slideline-inner  {
    width: 20000em;
    position: relative;
}

.jcarousel .vc-carousel-slideline-inner .qo-item {
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    cursor: pointer;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 228px;
    text-align: center;
}

.jcarousel .quote-title,
.jcarousel .quote-text {
    display: none;
}

.qo-carousel .quote-logo img:hover, .qo-carousel .qo-item.active .quote-logo img {
    opacity: 1;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none
}

.qo-carousel .quote-logo img {
    max-height: 70px;
    opacity: .5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out
}

.active-quote-container {
    width: 80%;
    margin: 30px auto 25px auto;
    padding: 15px 20px;
    /*border: 1px solid #007aff;*/
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
}

.active-quote-container .quote-logo {
    display: none;
}

.active-quote-container .quote-title {
    font-size: 18px;
    color: #535353;
    margin-bottom: 5px;
    font-weight: 400;
}
.active-quote-container .fa-quote-left{
    position: absolute;
    top: 15px;
    left:-30px;
    font-size: 26px;
    color: #E6E6E6;
}
.active-quote-container .fa-quote-right{
    position: absolute;
    bottom: 18px;
    right: -30px;
    font-size: 26px;
    color: #E6E6E6;
}


/*-----------------------------------------------------------------------------------*/
/*    22. Image Style
/*-----------------------------------------------------------------------------------*/

.rounded img{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.thumb-img img{
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px;
}

.circle img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.circle-border img{
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 4px;
}

.wpb_gmaps_widget .wpb_wrapper{
    padding: 0 !important;
}