/* 
    Theme   : Simply | multi-purpose Business Template
    Created on : Jun 7, 2014, 1:36:34 PM
    Author     : Design_mylife
    Description: A Multipurpose layout for business, agency, personal and blog purpose
    Version    : v1.0
*/


/********************************************************************************************************************
                                    Simply theme base
*********************************************************************************************************************/
body{
    margin:0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;	
    cursor:default;
    font-size: 14px;
    font-weight: 400;
    color:#777;
    background-color: #fff;
}
html {
    -webkit-text-size-adjust: none;
}

* {
    outline:none;
}

a{ 
    color: #3dc0f6; 
    text-decoration: none; 
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
a:hover{
    color:#21a5dc;
    text-decoration: none;
}
p{
    line-height: 180%;
}
.lead{
    font-weight: 300;
}
b{
    color:#3dc0f6 !important;
    font-weight: 700;
}

img{
	width:100%;
}
/******************typography**************************/
h1,h2,h3,h4,h5,h6{
    margin-top: 0px;
    font-weight: 700;
}
/*spaces for given space between rows, section,content*/

.space-20,
.space-40,
.space-60,
.space-80{    
    width:100%;
    clear: both;
}

.space-20{
    height: 20px;
}
.space-40{
    height: 40px;
}

.space-60{
    height: 60px;
}

.space-80{
    height: 80px;
}


/************************margins for given margin in columns**********************/


.margin-btm10{
    margin-bottom: 10px;
}
.margin-btm20{
    margin-bottom:20px;
}
.margin-btm40{
    margin-bottom: 40px;
}
.margin-btm60{
    margin-bottom: 60px;
}
.margin-btm80{
    margin-bottom: 80px;
}




/**********************************************bootstrap .btn overrides**************************************/
.btn{
  display: inline-block;
font-size: 13px;
vertical-align: middle;
text-align: left;
outline: none;
cursor: pointer;
white-space: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all 0.3s ease-in-out;
}

/***************buttons*******************/
.btn-theme{
    background-color: transparent;
    color:#3dc0f6;
    border:2px solid #3dc0f6;
    
}
.btn-theme:hover{
    background-color: #3dc0f6;
    color:#fff;
    border-color:#3dc0f6;
}

.btn-theme-bg{
    background-color: #3dc0f6;
    color:#fff;
    border:1px solid #37baf0;
    -webkit-box-shadow: inset 0 1px 0 #55cafa;
-moz-box-shadow: inset 0 1px 0 #55cafa;
box-shadow: inset 0 1px 0 #55cafa;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.btn-theme-bg:hover{
    background-color: #37baf0;
    color:#fff;
}
.btn-theme-dark{
    background-color: #555;
    color:#fff;
    border:1px solid #555;
    -webkit-box-shadow: inset 0 1px 0 #666;
-moz-box-shadow: inset 0 1px 0 #666;
box-shadow: inset 0 1px 0 #666;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.btn-theme-dark:hover{
    background-color: #666;
    color:#fff;
}
/******************************************************************************************************************************
                           Bootstrap navigation overrides
******************************************************************************************************************************/
.navbar-default {
    border-color: transparent;
    border-bottom: none;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    
    -webkit-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #3dc0f6;
    background-color: #f6f6f6;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #3dc0f6;
    background-color: #f6f6f6;
}
.navbar-default .navbar-nav>li{
	width:120px;
	text-align:center;
}
.navbar-default .navbar-nav>li>a {
    color: #666;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.navbar-default .navbar-nav>li>a:hover {
    color:#3dc0f6;
    background-color: #f6f6f6;
}
.navbar-header .logo{
	width:140px;
    float: left;
}

@media(min-width:767px){
    .navbar-nav > li > a{
        padding: 35px 15px;  
    }
    .navbar-brand{
        height: 90px;
        line-height: 55px;
        font-weight: 900;
        color:#000 !important;
        font-size: 30px;
    }

}
.navbar-brand{
    font-weight: 900;
}
/*dropdown navigation*/

.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background-color: #ffffff;
	color: #808080;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 2px solid #f8f5f5 !important;
}
.navbar .dropdown-menu li a{
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
@media(min-width:768px){
    .navbar .dropdown-menu li a{
        color:#808080;
        padding: 12px 18px;
		line-height: 16px;
        border-bottom: 1px solid #f1f1f1;
        font-size: 13px;
        border-left: 4px solid #fff;
        font-weight: 500;
    }  
    .navbar .dropdown-menu li:last-child a{
        border-bottom: none;
    }
    .navbar .dropdown-menu li a:hover{
        background-color:#f6f6f6;
        color:#808080;
        border-left-color: #3dc0f6;
    }

}


/*********************animation delays**************/

.delay1{
    -webkit-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -o-animation-delay: 300ms;
    animation-delay: 300ms;

}
.delay2{
    -webkit-animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -o-animation-delay: 600ms;
    animation-delay: 600ms;

}
.delay3{
    -webkit-animation-delay: 900ms;
    -moz-animation-delay: 900ms;
    -o-animation-delay: 900ms;
    animation-delay: 900ms;

}
.delay4{
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -o-animation-delay: 1200ms;
    animation-delay: 1200ms;

}


/*=========---------------------------------------- Forms -------------------------------=========*/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control{
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    padding: 6px 12px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #7a7a7a;
    border: 1px solid #dadada;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus{
    border: 1px solid #3dc0f6;
    background: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}








/*****************************home agency******************************/

.intro-text{
    margin-top: 60px;
}
.agency-slider-wrapper{
    overflow: hidden;
}
.intro-text h1 span{
    color:#3dc0f6;
}
.agency-slider{
    background: url('../images/showcase-1.jpg') no-repeat center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 450px;
    text-align: center;
    padding-top: 146px;
    overflow: hidden;
}

.agency-slider .flex-control-nav {
    bottom: 50px;
    text-align: center;
    overflow: hidden;
}
.agency-slider .flex-control-paging li a {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    background-color: rgba(255, 255, 255, 1);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.agency-slider .flex-control-paging li a.flex-active {
    background: #3dc0f6;
    background-color: rgba(143, 208, 166, 1);
}
.agency-slider .flex-control-paging li a:hover {
    background: #3dc0f6;
    background-color: rgba(143, 208, 166, 1);
}
.agency-slider h1{
    color:#fff;
    margin-top: 50px;
}


/**************headings**************/
.section-heading{
    margin-bottom: 60px;
}
.section-heading h1{
    color:#000;
    font-weight: 500 ;
    margin-top: 0px;
}
.section-heading span.heading-line{
    display: block;
    width:100px;
    height: 1px;
    background-color: #3dc0f6;
    margin: auto;
}


/*col heading*/

.col-heading{
    display: block;
    margin-bottom: 35px;
    overflow: hidden;
}
.col-heading h3{
    color:#666;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.col-heading span.col-line{
    width:54px;
    height: 1px;
    background-color: #3dc0f6;
    display: block;
    margin: 5px 0px;
}
/***************************services box*****************************/

.services-box{
    text-align: center;
}
.services-box i {
    color: #3dc0f6;
    font-size: 54px;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.services-box:hover i{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
}

.services-box h3{
    font-weight: 300;
    color:#333;
}


.services-box1{
    text-align: center;
    padding: 15px;
    border:1px solid #eee;
    border-radius: 4px;
    background-color: #fff;
}
.services-box1 i{
    width:64px;
    height:64px;
    line-height:64px;
    font-size:30px;   
    text-align:center;
    color:#3dc0f6;
    margin-bottom: 15px;
    border:2px solid #3dc0f6;
    margin-bottom: 35px;
	margin-top: 15px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    -o-border-radius: 50%; 
    border-radius: 50%; 
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out; 
}
.services:hover i{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg);
    background-color: #3dc0f6;
    color:#fff;
    border-color: #3dc0f6;
}
.services-box1 h4{
    color:#333;
    font-size: 23px;
    font-weight: 400;
	line-height:35px;
}
.services-box1 p{
	line-height:180%;
    text-align: justify;
}



.services-box2 {
    text-align: center;
}
.services-box2 i{
    width:60px;
    height: 60px;
    background-color: #f6f6f6;
    color:#3dc0f6;
    line-height: 60px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 30px;
    position: relative;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out; 
}
.services-box2:hover i{
     -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg);
    background-color: #3dc0f6;
    color:#fff;
    border-color: #3dc0f6;

}
.services-box2 h4{
    color:#000;
}
.services-box2 p{
    font-size: 13px;
}
/********waht we do services********/

.what-do-inner h3{
    margin-top: 0px;
}
.what-do-inner i{
    width:50px;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #3dc0f6;
    color:#3dc0f6;
    font-size: 30px;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out; 
}
.what-do-inner:hover i{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg); 
    -o-transform: rotateY(360deg);
    background-color: #3dc0f6;
    color:#fff;
}

.what-do-inner h3{
  font-weight: 500;
color: #000;
font-size: 20px;
}

.services-list{
    margin-bottom: 30px;
}
.services-list h3{
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 20px;
}
.services-list i{
    color:#3dc0f6;
    width:50px;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border:1px solid #3dc0f6;
    font-size: 25px;
    margin-right: 10px;
}
.services-list p{
    overflow: hidden;
    font-size: 14px;
}


/**************************footers*****************************************/

/*footer default***************/

#footer{
    padding-top: 60px;
    padding-bottom: 45px;
 border-top: 1px solid #4B8CA8;
background-color: #013558;
background-image: linear-gradient(to bottom, #1E6F92, #013558);
background-image: -webkit-gradient(linear, left top, left bottom, from(#1E6F92), to(#013558));
background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
background-image: -moz-linear-gradient(top, #1E6F92, #013558);
background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
background-image: -o-linear-gradient(top, #1E6F92, #013558);
background-image: ms-linear-gradient(to bottom, #1E6F92, #013558);
-pie-background: linear-gradient(to bottom, #1E6F92, #013558);
    color:#eee;
    border-bottom: 1px solid #001C34;

}

.footer-col h3{
    font-size: 16px;
    font-weight: 700;
    color:#fff;
    text-transform: uppercase;
}
.footer-col .f-h-line{
    display: block;
    width:54px;
    height: 1px;
    margin-bottom: 25px;
    background-color: #3dc0f6;
}
.contact-info i{
    float:left;
    margin-right: 8px;
     display: inline;
     color:#3dc0f6;
     font-size: 19px;
     margin-bottom: 10px;
}
.footer-col .webcat{
    display: block;
    width:120px;
    margin-left: 2px;
}
.contact-info p{
    display: block;
    font-size: 13px;
}

.footer-col a.tweet-ac{
    display: block;
    

}
.footer-col .tweet-desc {
    margin:5px 0;
    font-size: 13px;
}
.footer-col .tweet-desc i{
    margin-right: 10px;
}
.footer-col a.tweet-day{
    display: block;
     color:#fff;
    font-size: 0.9em;
}
.footer-col hr{
    border-color:#013558;
}

.footer-form .form-control{
border: 1px solid #013558;
background: #013558;

color: #232323;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}
.footer-form .form-control:focus{
background: rgba(255, 255, 255, 0.45);
	border:1px solid rgba(255, 255, 255, 0.35);
}

.footer-btm{
    padding: 20px 0;
    border-top: 1px solid #001C34;
    background-color: #001C34;
    color:#858d91;
}



/***footer option 2****/

#footer-2{
    border-top: 1px solid #4F4F5B;
background-color: #0F0F0F;
background-image: linear-gradient(to bottom, #3B3B47, #0F0F0F);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3B3B47), to(#0F0F0F));
background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -moz-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -o-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: ms-linear-gradient(to bottom, #3B3B47, #0F0F0F);
-pie-background: linear-gradient(to bottom, #3B3B47, #0F0F0F);
padding-top: 65px;
padding-bottom: 30px;
}
.footer-2col h3{
    color:#fff;
    margin-bottom: 25px;
    font-size: 14px;
    text-transform: uppercase;
}
.footer-2col h3:first-letter{
    border-bottom: 5px solid #3dc0f6;
}
.footer-2col p{
    font-size: 13px;
}
.footer-news-list{
    margin: 0px;
    padding: 0px;
}
.footer-news-list li a{
    padding: 7px 0;
    display: block;
    border-bottom: 1px solid #333;
    color:#777;
    font-size: 13px;
      -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out; 
}
.footer-news-list li a:hover{
    color:#3dc0f6;
}
.footer2-social ul li a i{
    width:32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color:#fff;
    font-size: 18px;
    margin-bottom: 5px;
    background-color: rgba(0,0,0,0.2);
     -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.footer-2col ul li a i:hover{
  background-color: rgba(0,0,0,0.6); 
}
.f2-contact li{
    padding: 5px 0;
}
.f2-contact li i{
    margin-right: 5px;
    color:#3dc0f6;
}
.newslatter-f2 form input{
    height: 39px;
}
.f2-work li{
    margin: 2px;
}
.f2-work li a img{
    width:70px;
    height: 50px;
    border:2px solid transparent;
      -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.f2-work li a:hover img{
    border-color: #3dc0f6;
}

.footer2-btm{
    border-top: 1px solid #333;
    padding-top: 25px;
}
/**************breadcrumbs*******************/
.breadcrumb-wrapper{
    padding-top: 120px;
    padding-bottom: 30px;
    background-color: #3dc0f6;
    opacity: .55;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.breadcrumb-wrapper h4{
    margin: 0px;
    color:#fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 25px;
}
.breadcrumb{
    background-color: transparent;
    margin-top: 6px;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.breadcrumb li a{
    color:#fff;
}
.breadcrumb>.active {
color:#f3f9fa;
}
@media(max-width:767px){
    .breadcrumb-wrapper{
        padding-top: 80px;
    }
	.navbar-header .logo{
		width:100px;
		float: left;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
		color:#666;
	}
	.navbar-default .navbar-nav>li{
		width:100%;
		text-align:left;
	}
	#footer{
	    padding-top: 30px;
		padding-bottom: 30px;
	}
}






/*==================== ========*/
/*========= Portflio =========*/
/*============================*/
.work-wrapper{
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.055);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.055);
}
.work-desc{
    display: block;
    padding-top:15px;
    padding-bottom: 9px;
    text-align: center;
}
.work-desc-2{
    padding: 15px 0;
    
}
.work-desc-2 h4{
    font-weight: 400;
    margin-bottom: 10px;
}
.work-desc-2 p{
    font-size: 13px;
}
#grid .mix{
    display: none;
    opacity: 0;
}
/*no-margin class for 4 col portfolio*****/
#grid .no-margin{
    width:25%;
    border: 1px solid #fff;
    padding: 0px;
    float: left;
}
/*no-margin-2 class for 2 col portfolio*****/
#grid .no-margin-2{
    width:50%;
    border: 1px solid #fff;
    padding: 0px;
    float: left;
}
.portfolio-filters{
    margin-bottom: 30px;
    list-style-type: none;
}
.portfolio-filters{
    margin-left: 0px;
    width:100%;
    padding-left: 0px;
}
.portfolio-filters li{
    display: inline-block;
    padding: 10px 18px;
    background-color: #000;
    cursor: pointer;

    font-size: 14px;
    margin-bottom: 5px;
    color:#fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.portfolio-filters li:hover{
    background-color:#3dc0f6;
    color:#fff;
}
.portfolio-filters li.active{
    color:#fff;
    background-color: #3dc0f6;
}
@media(max-width:360px){
    .portfolio-filters li{
        display: block;

    }
}
@media(max-width:533px){
    #grid .no-margin{
        width:50%;
    }
}

/*work single*/
.work-single{
    overflow: hidden;
}

/*************************image hover*******************************/

.img-wrapper{
    position: relative;
    overflow: hidden;
    display: block;
}
.img-wrapper img{
    display: block;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.img-wrapper .img-overlay{
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    top:0;
    left: 0;
    text-align: center;
    padding: 20px;
    background: #222;
    background: rgba(1, 1, 1, 0.85);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.more{
    text-align: center;
    top:50%;
    left:0;
    right: 0;
    position: absolute;
    margin-top: -11px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.img-wrapper:hover img {
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(0.8);
}
.img-wrapper:hover .img-overlay{
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



/****************testimonials***********************/
.quote-text {
    background-color: #f4f4f2;
    border-left: none;
    color: rgba(85,94,106,0.8);
    font-size: 16px;
    font-style: italic;
    line-height: 1.6;
    margin-top: 0px;
    padding: 26px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 #3dc0f6;
    -moz-box-shadow: 0 2px 0 #3dc0f6;
    box-shadow: 0 2px 0 #3dc0f6;
}
.quote-text:before {
    border: solid 14px transparent;
    z-index: 3;
    border-top-color: #f4f4f2;
    top: auto;
    right: auto;
    bottom: -28px;
    left: 30px;
}
.quote-text:after {
    border: solid 4px transparent;
    z-index: 2;
    border-width: 18px;
    border-top-color: #3dc0f6;
    top: auto;
    right: auto;
    bottom: -36px;
    left: 26px;
}
.quote-text:before, .quote-text:after{
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
}
.quote-pic {
    float: left;
    margin-right: 12px;
    margin-left: 28px;
    width:32px;
    height: 32px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}
.quote-author {
    display: inline-block;
    font-size: 13px !important;
    line-height: 1.3 !important;
}
.quote-author strong {
    font-size: 14px;
    display: block;
}

a.tweet{
    color:#777;
}





/*************agency facts**********************/
.agency-facts{
    background-color: #f4f4f2;
    padding: 7px;
}
.agency-facts h3{
    color:#3dc0f6;
    font-size: 44px;
}



/*********************business page slider******************/
.business-slider-wrapper{
    overflow: hidden;
}
.business-slider-inner{
    background: url('../images/showcase-7.jpg') no-repeat center scroll;
    background-size: cover;
    height: 580px;
    text-align: center;
    padding-top: 220px;
    overflow: hidden;
}
.business-slider .flex-control-nav {
    bottom: -80px;
    text-align: center;
    overflow: hidden;
}
.business-slider .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    background-color: rgba(255, 255, 255, 1);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.business-slider .flex-control-paging li a.flex-active {
    background: #3dc0f6;
    background-color: rgba(61, 192, 246, 1);
}
.business-slider .flex-control-paging li a:hover {
    background: #3dc0f6;
    background-color: rgba(61, 192, 246, 1);
}
.business-slider .slides h1{
    color:#fff;
    font-size: 54px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.business-slider .slides p{
    color:#fff;
}
.business-slider .slides p a.btn{
    margin: 10px;
}
.business-intro-text{
    position: relative;
    padding: 40px 0px;
    overflow: hidden;
    background-color: #f5f5f5;
}
@media(max-width:768px){
    .business-slider-inner{
        padding-top: 120px;
    }
    .business-slider-inner p a.btn{
        display: none;
    }
    .business-slider .slides h1{
        font-size: 44px;
    }
  
}
@media(max-width:433px){
    .business-slider-inner{
        height: 250px;
        padding-top: 100px;
    }
    .business-slider-inner .slides h1{
        font-size: 20px;
    }
    .business-slider .flex-control-nav {
    bottom: -50px;
}
}
/*****highlight section shadow *********/
.highlight-sec:before {
    display: block;
    content: "";
    height: 18px;
    position: absolute;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0px 0 20px rgba(0, 0, 0, 0.5);
    bottom: -23px;
}
.business-intro-text h3{
    color:#000;
    font-weight: 500;
    margin-top: 10px;
    text-transform: uppercase;
}
.business-intro-text h3 span{
    color:#3dc0f6;
}

/*list*/
.list{
    margin: 0;
    padding: 0;
}
.list li{
    margin-bottom: 10px;
}
.list li i{
    color:#3dc0f6;
    margin-right: 10px;
}






/******************************************latest news and blogs**************************/

.latest-news-wrapper{
    padding-top:20px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #eee;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.latest-news-desc h3{
    margin-top: 0px;
    font-weight: 500;
    font-size: 17px;
    color:#000;
    line-height: 25px;
}

.l-news-detail{
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 500;
}
.latest-news-wrapper a.img-wrapper{
    margin-bottom: 10px;
}


/**********purchase section************/
.purchase-sec{
    background: url('../images/showcase-6.jpg');
    background-repeat: no-repeat;
       background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: scroll;
    color:#fff;
    width:100%;
    overflow: hidden;
    padding: 70px 0;
    position: relative;
}

.purchase-sec h3{
    margin-top: 0px;
    font-size: 34px;
    font-weight: 300;
}


.purchase-sec-2{
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    background-color: #f8f5f5;
}
.purchase-sec-2 h3{
    margin: 0px;
    font-weight: 300;
    color:#000;
}
@media(max-width:992px){
    .purchase-sec-2 h3{
        margin-bottom: 20px;
    }
}
/***************blog desc****************/

.blog-desc{
    padding:20px 0px;
}
.blog-desc h3{
    font-weight: 300;
    font-size: 23px;
}
.post-date{
    margin-bottom: 15px;
}
.post-date span{
    display: inline-block;
    padding: 4px 8px;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #f4f4f2;
    color:#000;
    font-weight: 500;
}
.blog-desc p{
    font-size: 13px;
}
.blog-desc .lead{
    font-size: 18px;
}
#blog-full img{
    width:100%;
}
.comment-list{
    margin:20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.comment-list p{
    overflow: hidden;
}
.comment-list img{
    width:64px;
    height: 64px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    float: left;
    margin-right: 15px;
}
form.comment-form input{
    height: 45px;
}
/*********************header option 2***************************/

.navbar-inverse {
background-color: #0F0F0F;
background-image: linear-gradient(to bottom, #3B3B47, #0F0F0F);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3B3B47), to(#0F0F0F));
background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -moz-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -webkit-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: -o-linear-gradient(top, #3B3B47, #0F0F0F);
background-image: ms-linear-gradient(to bottom, #3B3B47, #0F0F0F);
-pie-background: linear-gradient(to bottom, #3B3B47, #0F0F0F);
    border-color: transparent;
    border-bottom: none;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #3dc0f6;
background-color: #000;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #3dc0f6;
    background-color: #000;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #000;
    color: #3dc0f6;
}
.navbar-inverse .navbar-brand{
    color:#fff !important;

}

/*dropdown form*/
.dropdown-form{
    padding: 15px;
    min-width:240px;
}
.dropdown-form form input{
    height: 39px;
}





/************our team******************/

.team-wrapper{
    padding-bottom: 15px;
    border: 1px solid #eee;
}


.team-wrapper h4{
    margin-bottom: 5px;
    margin-top: 15px;
}
.team-wrapper span{
    display: block;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
}

.team-wrapper a{
    color:#777;
}


.work-with{
    overflow: hidden;
    position: relative;
    padding: 25px 0;
    background-color: #f9f9f9;
    text-align: center;
    border-left: 3px solid #3dc0f6;
    border-top: 1px solid #eee;
   
}
.work-with h3{
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}
.work-with p{
    margin-bottom: 0px;
}

/*our team person in inner team page*/
.person{
    position: relative;
    border: 1px solid #E9E9E9;
}
.person-desc{
    padding: 15px 15px;
}
.person-desc i.mem-sign{
    position: absolute;
    top:0;
    left: 0;
    width:50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #3dc0f6;
    color:#fff;
    font-size: 25px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
}
.person-desc h4{
    color:#000;
    margin-bottom: 5px;
}
.person-desc span{
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    text-transform: uppercase;
}
.social-team {
    margin-top: 20px;
}
.social-team li a i{
    width:32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color:#fff;
    font-size: 17px;
    color:#333;
}
.team-full-wrapper{
    background: url('../images/showcase-6.jpg');
    background-repeat: no-repeat;
       background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    padding: 70px 0;
}
.team-full-wrapper h1{
    font-weight: 300;
    color:#fff;
}
/*progress bar*/
h3.heading-progress {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 0px;
}
.progress {
    height: 30px;
    line-height: 25px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #E9E9E9;
    border-radius: 0;
}
.progress-bar {
    line-height: 25px;
    background:#3dc0f6;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.about-img-wrapper{
    background: url('../images/showcase-4.jpg')no-repeat fixed top;
    width:100%;
    height: 400px;
background-size: cover;
position: relative;
}



/**************************agency static wrapper flex text slider**************************/

.a-dark-static-wrapper{
      background: url('../images/showcase-2.jpg')no-repeat fixed top;
    width:100%;
    height: 550px;
    padding: 150px 0;
background-size: cover;
position: relative; 
overflow: hidden;
}

.a-dark-static-wrapper h1{
    font-size: 48px;
    color:#fff;
}
.a-dark-static-wrapper p{
    color:#fff;
}
    .agency-dark-slide{
    margin-top: 50px;
    text-align: right;
}
@media(max-width:768px){
    .agency-dark-slide{
    margin-top: 50px;
    text-align: center;
}
}







/*******************contact***************/
.contact-form1 input{
    height: 43px;
    border-color:transparent;
    background-color: #f4f4f2;
}
.contact-form1 textarea{
    border-color:transparent;
    background-color: #f4f4f2;
}


.contact-home-wrapper{
    padding: 80px 0;
    background-color: #F4F4F2;
}
.contact-home-wrapper form input{
    height: 43px;
}
/*************social icons********************/

.social li a i{
    color:#fff;
    font-size: 17px;
    width:35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #013558;
        -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.social li a i:hover{
    color:#fff;
    background-color: #3dc0f6;
}

/*social list*/
.social-list li a i{
display: inline-block;
text-align: center;
width:32px;
height: 32px;
line-height: 32px;
color:#fff;
margin-bottom: 10px;
}
.social-list li a i.fb{
    background-color: #3276b1;
}
.social-list li a i.fb:hover{
    background-color: #000;
}
.social-list li a i.twt{
    background-color: #21a5dc;
}
.social-list li i.twt:hover{
    background-color: #000;
}
.social-list li i.g-pluse{
    background-color:#c9302c;
}
.social-list li i.g-pluse:hover{
    background-color: #000;
}
.social-list li i.pin{
    background-color:#cb2027;
}
.social-list li i.pin:hover{
    background-color: #000;
}
.social-list li i.insta{
    background-color:#3F729B;
}
.social-list li i.insta:hover{
    background-color: #000;
}



/*social info*/
.social-info-box{
    min-height: 160px;

background: #fff;
text-align: center;
-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.social-info-box i {
display: block;
font-size: 40px;
line-height: 90px;
background: #f4f4f2;
border-bottom: 1px solid #F4F4F2;
}
.social-info-box.facebook i {
color: #3b5998;
margin: -1px -1px 1px -1px;
}
.social-info-box.twitter i {
color: #00aced;
margin: -1px -1px 1px -1px;
}
.social-info-box.linkedin i {
color: #4875b4;
margin: -1px -1px 1px -1px;
}
.social-info-box.g-pluse i {
color: #d34836;
margin: -1px -1px 1px -1px;
}
.social-info-box ul {
padding: 10px 0;
}
.social-info-box ul li {
display: block;
width: 50%;
float: left;
}
.social-info-box ul li:first-child {
border-right: 1px solid #f5f5f5;
}
.social-info-box ul li strong {
display: block;
font-size: 20px;
}
.social-info-box ul li span {
color: #999;
font-weight: 400;
text-transform: uppercase;
font-size: 10px;
}
/*****tooltip************/

.tooltip{
    font-size: 16px;
    line-height: 1;
}
.tooltip.top .tooltip-inner {
    background-color:#35bdf6;
    padding: 6px 9px;
    font-size: 13px;
}
.tooltip.top .tooltip-arrow {
    border-top-color:#3dc0f6;
}






/*********************************blogs***********************************************/


/*tweet feed*/
.tweet-feed{
    background-color: #3dc0f6;
    color:#fff;
    border-color: #3dc0f6;
}
.tweet-feed i{
    color:#fff;
    opacity: 1;
}
.tweet-feed .fa-arrow-right{
    margin-right: 30px;
}











/********sidebar *************/
.sidebar-box{
    padding: 15px;
    background-color: #f6f6f6;
    margin-bottom: 25px;
}

.b-search-form .form-control{
    margin-bottom: 0px;
    height: 32px;
}
.sidebar-box .col-heading{
    margin-bottom: 25px;
}
.sidebar-box .col-heading h3{
    font-size: 15px;
}
/*recent post*/
.recent {
   margin-bottom: 20px;
   float:left;
   width:100%;
}
.recent:last-child{
   margin-bottom: 0px;
}
.recent span img {
    float: left;
    margin-right: 10px;
    width:105px;
    height: 70px;
}
.recent p {
    margin: 0;
    line-height: 18px;
    font-size: 13px;
    overflow: hidden;
}
.recent p a{
    color:#3dc0f6;
}
.recent .recent-date{
    font-size: 10px;
    color:#999;
    font-weight: 400;
    text-transform: uppercase;
}
/*cat list*/
.cat-list li{
}
.cat-list li a{
    display: block;
   border-bottom: 1px solid #eee;
    padding: 7px 20px;
    color:#000;
}
.cat-list li a:hover{
    color:#3dc0f6;
}




/**********************login and signup accounts*******************/

.signin,.signup{
    border:1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.ac-title{
    padding: 15px 30px;
    display: block;
    margin: 0px;
    font-size: 20px;
    font-weight: 300;
    color:#000;
    background-color: #f6f6f6;
    border-bottom: 1px solid #eee;
}
.signin form{
    padding: 30px 30px;
}
.login-btn{
    padding: 30px 0px;
}
.signup form{
    padding: 30px 30px;
}

.newslatter-subs span{
    font-weight: 300;
}



/***********about me****************/
.me-intro-wrapper{
    background: url('../images/showcase-5.jpg')no-repeat fixed top;
width: 100%;
height: 450px;
padding: 150px 0;
background-size: cover;
position: relative;
overflow: hidden;
}
.me-intro-wrapper h1{
    color:#fff;
    font-size: 44px;
}
.me-intro-wrapper p{
    color:#fff;
}

.my-skills{
    overflow: hidden;
    position: relative;
    padding: 80px 0;
    background-color: #f5f5f8;
}
.my-skills h4{
    margin-bottom: 0px;
    font-weight: 300;
    color:#000;
}
.my-skills h2{
    margin-bottom: 20px;
    color:#666;
    font-size: 13px;
}
.my-skills h2 span{
    font-size: 54px;
    color:#3dc0f6;
}
.follow-me{
    background: url('../images/showcase-3.jpg')no-repeat fixed top;
width: 100%;
height: 100%;
padding: 100px 0;
background-size: cover;
}
.follow-me .section-heading h1{
    color:#fff;
    
}
.follow-me .section-heading p{
    color:#fff;
    
}
.follow-me .section-heading .heading-line{
    background-color: #fff;
}
.social-me li a i{
    font-size: 54px;
    color:#fff;
    width:64px;
    height: 64px;
    line-height: 64px;
    margin-bottom: 20px;
}




/***************************pricing tables***************************/

.price-box{
    border:1px solid #eee;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.price-box:hover{
    margin-top: -7px;
}
.price-box h1{
    font-weight: 400;
    color:#000;
    font-size: 30px;
    margin: 0px;
    padding: 30px 0;
    background-color: #555;
    color: #fff;
}
.popular-plan h1{
    background-color: #3dc0f6;
    color:#fff;
}
.price-digit{
    font-size: 43px;
    padding: 20px 0;
    margin-bottom: 0px;
    color:#000;
    border-bottom: 1px solid #d5d5d5;
}
.price-digit span{
    font-size: 14px;
    font-weight: 400;
    color:#777;
}
.price-desc{
    padding-top:20px;
}

.price-desc p{
    font-size: 16px;
    padding: 9px 0;
    margin: 0px;
    border-bottom: 1px solid #eee;
}
.price-btn{
    padding-top: 20px;
    padding-bottom: 20px;
}
.popular{
    display: inline-block;
    padding: 4px 8px;
    background-color: #3dc0f6;
    color:#fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    text-transform: uppercase;
}
.popular.most{
    background-color: #c9302c;
}
.price-call-sec{
    position: relative;
    overflow: hidden;
    background-color:#f5f5f8;
    padding: 30px 0;
    border-right: 5px solid #3dc0f6;
}
.price-call-sec h4{
    font-weight: 300;
    margin: 0px;
}
.price-call-sec h4 i{
    font-size: 25px;
    margin-right: 10px;
}
.price-call-sec span{
    color:#3dc0f6;
    font-weight: 900;
}

@media(min-width:992px){
    .price-no-space-box{
    width:33.33%;
    float: left;
}
}

.price-faqs h3{
    font-weight: 300;
    color:#223741;
}
.price-shadow{
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
box-shadow: 1px 0 20px rgba(0, 0, 0, 0.25);
}




/********************bootstrap pagination*************************/
.pagination>.active>a{
z-index: 2;
color: #fff;
background-color: #3dc0f6;
border-color: #3dc0f6;
cursor: default;
}



.home-all-slider{
     background: url('../images/showcase-5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 530px;
    padding-top: 150px;
    border-bottom: 5px solid #000;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
a.carousel-control{
    top:50%;
    width:50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #3dc0f6;
}
.c-list li span{
    display: inline-block;
    padding: 8px 14px;
    background-color: #3dc0f6;
    color:#fff;
    font-size: 17px;
    margin-bottom: 10px;
   background-color: rgba(0,0,0,0.79);
}
.c-list li span i{
    margin-right: 10px;
}
.carousel-inner h1{
    color:#fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
}
.slider-desc{
    margin-top: 30px;
}
.slider-desc p{
    color:#fff;
}
@media (max-width:768px){
    .home-all-slider{
        padding-top:100px;
    }
}

/***********bootstrap collapse*****/
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
font-weight: 700;
}
.panel-default>.panel-heading {
color: #333;
background-color: transparent;
border-color: #eee;
}
.panel-default {
border-color: #eee;
}





/*error page**/
.error-page-box{
    margin-left:auto;
    margin-right: auto;
    display: inline-block;
    padding: 30px 25px;
    background-color: #fff;
}


/*tabs*/

.tabs .nav-tabs {
    border-bottom: none;
}
.tabs .nav-tabs  li {
    margin-bottom: 0;
}

.tabs .nav-tabs  li  a {
    background: #f7f7f7;
    margin-right: 2px;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-bottom: none !important;
    border-radius: 0;
    padding: 12px 20px;
    color: #6d6d6d;
    position: relative;
}
.tabs .nav-tabs  li  a:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 3px;
}
.tabs .nav-tabs  li  a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
}
.tabs .nav-tabs  li  a:hover {
    border-color: #f7f7f7;
}
.tabs .nav-tabs > li > a .fa {
    margin-right: 4px;
}
.tabs .nav-tabs  li.active  a {
    color: #3dc0f6;
    border-left-color: #eee;
    border-right-color: #eee;
    background: #fff;
}
.tabs .nav-tabs  li.active  a:after {
    background: #3dc0f6;
}
.tabs .nav-tabs  li.active  a:before {
    background: #fff;
}
.tabs .nav-tabs  li.active  a:hover {
    border-bottom-color: #fff;
}
.tabs .tab-content {
    padding: 15px 8px;
    border: 1px solid #eee;
    background: #fff;

}
.tab-content p{
    overflow: hidden;
}
.tabs .tab-content:before,
.tabs .tab-content:after {
    content: " ";
    display: table;
}
.tabs .tab-content:after {
    clear: both;
}
.tabs .tab-content p:last-child {
    margin-bottom: 0;
}
.tab-desc img{
    float:left;
    margin-right: 15px;
    margin-bottom: 10px;
    width:120px;
    height: 100px;
    border-radius: 3px;
    padding: 4px;
    border: 1px solid #eee;
}