/*==================== BASIC STYLE ====================*/
html {
	overflow-x: hidden;
}

body{
      color:#717171;
    font-size:12px;
    line-height: 20px;
    background:url(../images/bg/bg.png);
    font-family: 'Arial', sans-serif;
    font-family: 'Arial', sans-serif;
}



/*==================== TYPOGRAPHY ====================*/
h1, h2, h3, h4, h5, h6{
    color: #4b4b4b;
    font-weight: bold;
    font-family: 'Rokkitt', serif;
}
h1{
	font-size: 24px;
	padding-bottom: 15px;
    line-height: 30px;
}
h2{
	font-size: 20px;
    padding-bottom: 18px;
    line-height: 25px;
}
h3{
	font-size: 18px;
	margin-bottom: 10px;
    line-height: 25px;
}
h4{
	font-size: 16px;
	margin-bottom:8px;
    line-height: 22px;
}
h5{
	font-size: 14px;
	margin-bottom:5px;
    line-height: 20px;
}
h6{
	font-size: 12px;
	margin-bottom:3px;
    line-height: 18px;
}
h2.title{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 8px;
    padding-bottom: 0;
}
.h-divider{
    margin-bottom: 35px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #E5E5E5;  
}

strong{font-weight: bold;}
em{font-style: italic;}

p{margin-bottom: 15px;}
* p:last-child{margin-bottom: 0 !important;}

.color{color: #E34B39;}

h1.site-name a, h2.site-name a {
    font-size: 42px;
    font-weight: bold;
    line-height: 26px;
    margin-bottom: 0;
    padding: 5px 0 7px;
    text-transform: none;
	font-family:'Rokkitt',serif;
}
.site-slogan {
    display: block;
    font-family: Arial,sans-serif;
    font-size: 10px;
    line-height: 10px;
    margin-top: 1px;
    text-transform: uppercase;
}
h1.site-name, h2.site-name {padding: 0;}
h2.article-head a {
    border-bottom: 1px dashed #E5E5E5;
    margin-bottom: 5px;
    padding-bottom: 10px;
	 font-size: 20px;
    line-height: 25px;
	}



/*==================== LINKS ====================*/
a{
    font-size: 14px;
    color: #CE1627;  
    font-family: 'Rokkitt', serif;
    text-decoration: none;
 /*   -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;  */
}
a:hover{color: #292929;}

.read{
    padding-right: 15px;
    display: inline-block;
    text-transform: capitalize;
    background: url(../images/arrow-readmore-hover.png) no-repeat center right;
}
.read:hover{
  background: url(../images/arrow-readmore.png) no-repeat center right;
}

.link-title{
    font-size: 16px;
    line-height: 18px;
    padding-top: 5px;
    display: block;
}

.blog-head{
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #E5E5E5;
}
.blog-head a{
    color: #333333;
    font-size: 26px;
    display: block;
    line-height: 22px !important;
}
.blog-head a:hover{color: #E34B39;}



/*========================= CLEAR & LAST & HIDEN========================================*/
.last{margin-right: 0 !important;}

.clearfix {zoom: 1}
.clearfix:after{
  content: "";
  clear: both;
  display: block;
  width: 0; height: 0;
  overflow: hidden;
  font-size: 0;
}
.clear{clear:both;}
.clearfix{display:  block;} 
.clearfix{display:  inline-block;}

.alignleft{float: left;}
.alignright{float: right;}
.aligncenter{text-align: center;}

.hide{display: none;}



/*==================== WRAPPER =====================*/
.wrapper{
    width: 1140px;
    margin: 0 auto;
}

#content{
    padding: 30px;
    background-color:  #fbfbfb;
}
.width{width: 1170px;}



/*==================== HEADER =====================*/
#header{
    margin: 0 auto;
    padding: 30px;
    position: relative;
      background-color: #fbfbfb;
}

    /*= logo =*/
    #logo{float: left; left: 50%; margin-left: -150px; position: relative; width: 300px !important;}
    #logo img{width: 300px !important; }
    
    /*= social =*/
    #social{float: right;}
    #social li{
        float: left;
        margin-left: 10px;
    }
    #social li.first{margin-left: 0px;}
    #social a.soc{
        width: 44px;
        height: 45px;
        display: inline-block;
        text-indent: -99999px;
        background-color: transparent;
        -webkit-transition: none;
    	-moz-transition: none;
    	-o-transition: none;
    	-ms-transition: none;
    	transition: none;
    }   
    #social a.twitter{background:url(../images/social/twitter.png) center top;}
    #social a.dribbble{background:url(../images/social/dribbble.png) center top;}
    #social a.youtube{background:url(../images/social/youtube.png) center top;}
    #social a.vimeo{background:url(../images/social/vimeo.png) center top;}
    #social a.facebook{background:url(../images/social/facebook.png) center top;}
    #social a:hover{background-position:0 16px;}

    
    /*= menu =*/
    .res-menu{display: none;}
    #menu{
        display: block;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #303030;
    }

    


/*==================== SLIDER =====================*/
#slider{
    width: 1200px;
    position: relative;
}
#slider.loader{
     background: #fbfbfb url('../images/loader.gif') no-repeat center center;
    height:60px;
}
.slides > li{
    display: none; 
    -webkit-backface-visibility: hidden;
}
.slides img{
   width: 100% !important;
   max-width: 100%;
   height: auto; 
   display: block;
}
.slides:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0;
}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
#slider .slides {zoom: 1;}
#slider .slides > li {position: relative;}
 
 
#slider .slides div{
    position: absolute;
    top: 43%;
    left: 100px;
    max-width: 400px;
}
#slider .slides h2{padding-bottom: 5px; }
#slider .slides h2 a{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 1px 1px #292929;
} 
#slider .slides h2 a:hover{color: #E34B39;} 
#slider .slides p{
    color: #f2f2f2;
    font-size: 15px;
    font-family: 'Rokkitt', serif;
    text-shadow: 0 1px 1px #292929;
}
   

.flex-direction-nav a{
    text-indent: -9999px;
    width: 44px !important;
    height: 44px !important; 
    position: absolute;
    top: 50%;
    margin-top: -22px;
    -webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;        
} 

.flex-direction-nav a.flex-prev{
    left: -100px;
    background: url('../images/slider-left-d.png') no-repeat;
}
.flex-direction-nav a.flex-next{
    right: -100px;
    background: url('../images/slider-right-d.png') no-repeat;
}
.flex-direction-nav a:hover{background-position: 0 -44px !important;}
#slider:hover .flex-direction-nav a,
.slider-blog:hover .flex-direction-nav a{display: block;}



/*==================== WELCOME =====================*/
.welcome{
    line-height: 22px;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.welcome h1{
    font-size: 28px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}



/*==================== FEATURES =====================*/

.promo-items div.view-content{
    text-align: center;
}

.promo-item{
    float: left;
    width: 260px;
    margin-right: 13px;
    padding-right: 13px;
    /*border-right: 1px dashed #E5E5E5;*/
    
}
.promo-item .title{
    color: #4B4B4B;
    font-family: 'Rokkitt',serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    margin-top: 12px;
    text-transform: uppercase;
}

.promo-item .body{
    color: #BBBBBB;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
}

.promo-item.views-row-last{
    padding-right: 0;
    border-right: none;
}

.promo-item div.icon{
    position: relative; 
    left: 30%; 
    height: 100px; 
    width: 100px; 
    background-image: url("/sites/all/themes/designmd/images/grey.png");
}

.promo-item div.icon.blue:hover{
    background-image: url("/sites/all/themes/designmd/images/blue.png");
}
.promo-item div.icon.red:hover{
    background-image: url("/sites/all/themes/designmd/images/red.png");
}
.promo-item div.icon.yellow:hover{
    background-image: url("/sites/all/themes/designmd/images/yellow.png");
}
.promo-item div.icon.other:hover{
    background-image: url("/sites/all/themes/designmd/images/red.png");
}


.promo-items div.promo-item img{
    margin-bottom: 5px;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
    padding-top: 25%;
}

.promo-items div.promo-item h3{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.promo-items div.promo-item p{
    margin-bottom: 0px;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
}



/*==================== DIVIDER TEXT =====================*/
.divider-text{
    height: 1px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #E5E5E5;
}
.divider-text a{
    display: block;
    float: right;
    padding-left: 15px;
    background-color: #fbfbfb;
    margin-top: -9px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
}
.divider-text a:hover{color: #E34B39;}   
.divider-text a.margin-l{
    padding-right: 0px;
}



/*==================== LATEST =====================*/
/* latest blog */
.latest-blog{width: 585px;}
.latest-blog div{
    float: left;
    /*margin-right: 30px;
    margin-bottom: 22px;*/
    width: 100%;
}
/*.latest-blog div:nth-last-child(-n+2){margin-bottom: 0;}*/
.latest-blog p{
    font-size: 11px;
    color: #A7A7A7;
    font-family: 'Droid Serif', serif;
    font-style: italic;
    margin-bottom: 0px !important; 
}

/* latest work */
#latest-work h2, #latest-work2 h2{margin-bottom: 0;}
#latest-work p, #latest-work2 p{margin-bottom: 5px;}

  

/*==================== CAROUSEL =====================*/
.carousel {position:relative;}
.carousel-wrapper{
    overflow:hidden;
    padding:2px 2px 0 2px;
    margin-top: -2px;
}
.carousel-wrapper ul{display:none;}
.carousel-wrapper ul li{
	height:100%;
	float:left;
	display:block;
}
.carousel .es-nav{
    position: absolute;
    top: -31px;
    right: 0px;
    background-color: #fbfbfb;
    padding-left: 10px;
    display: none;
}
.carousel .es-nav span{
    display: inline-block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	cursor:pointer;
} 
.carousel .es-nav-prev{background: url(../images/arrow-content-left.png) no-repeat center bottom;}
.carousel .es-nav-next{background: url(../images/arrow-content-right.png) no-repeat center bottom;}
.carousel .es-nav-prev:hover, .carousel .es-nav-next:hover{background-position: 0 -15px ;}



/*==================== CLIENTS =====================*/
#client-logo{
    width: 1200px;
    margin: 0 auto;
    background-color: #191919;
    border-bottom: 1px solid #212121;
}
#client-logo li{
    float: left;
    line-height: 0 !important;
    width: 13.6%;
    margin-bottom: 25px;
    text-align: center;
}

#client-logo li.double{
    width: 27.2%;
}



/*==================== TESTEMONIAL =====================*/
/*#testimonial li div{
    overflow: hidden;
    width: 15%;
    -webkit-border-radius: 50px;
    border-radius: 50px;  
    float: left;
    margin-right: 30px;
    padding: 0!important;
    line-height: 0;
    -moz-box-sizing: border-box;   
}*/
#testimonial .testimonial{
    padding-top: 5px;
    margin-bottom: 5px;
    line-height: 22px;
    font-size: 11px;
    font-style: italic;
    font-family: 'Droid Serif', serif;
}
#testimonial .client{
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Rokkitt', Georgia, Times, serif;
}



/*==================== NEWS =====================*/

/*#newsletters img{
    width: 31%;
    float: left;
    margin-right: 30px;
}
#newsletters a{padding-bottom: 5px;}
#newsletters .news-date{
    color: #888888;
    font-size: 10px;
    margin-bottom: 0px;
    padding-top: 5px;
    text-transform: uppercase;
}*/
.newsletters div{
    width: 262px;
    float: left;
    margin-right: 30px;
}


/*==================== TWEET =====================*/
.tweet li{
    min-height: 40px; 
    margin-bottom: -1px;
    padding: 15px;
    background-color: #1f1f1f;
	border:1px solid #242424;
 
}    
.tweet li:hover{
    min-height: 40px; 
    background-color: #1d1d1d;
}   
.tweet img{
    float: left;
    margin-right: 15px;
}



/*==================== TABS BLOG =====================*/
.tab img, .latest-blog img{width: 40%;}
.tab .latest-blog{width: 585px;}
.tab .latest-blog div{
    width: 262px;
    float: left;
    margin-right: 30px;
}


/*==================== CUSTOM COLOR BAND =====================*/
.band_bar{
    background-color: #FBFBFB;
    width: 1140px;
    padding: 30px;
    margin: 0 auto;
}

/*==================== BREADCRUMBS =====================*/
.breadcrumbs{
    font-family: 'Rokkitt', serif;
    font-size: 12px;
    width: 1140px;
    margin: 0 auto;
    padding: 0 30px;
    background-color: #FBFBFB;
    /*border-top: 1px solid #f2f2f2;*/
    /*border-bottom: 1px solid #f2f2f2;*/
}
.breadcrumbs h2{
    color: #555555;
    font-size: 26px;
    padding: 0 !important;
}
#breadcrumbs-nav{
    float: left;
   /* margin-top: -20px;*/
}
#breadcrumbs-nav a, #breadcrumbs-nav span.nolink{
    font-family: 'Rokkitt', serif;
   color: #333333;
    font-size: 12px;
    padding-right: 17px;
    margin-right: 5px;
    background: url(../images/arrow-breadcrumbs.png) no-repeat center right;
}
#breadcrumbs-nav a:hover, #breadcrumbs-nav .active{color: #8a8a8a !important;}
#breadcrumbs-nav .active{
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}



/*==================== META =====================*/
.meta{
    font-size: 12px;
    font-family: 'Rokkitt', serif;
}
.meta{color: #a5a5a5;}
.meta{
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #E5E5E5;
}
.meta.meta2{
    margin-top: 10px;
    padding-top: 10px;
    font-size: 10px !important;
    border-top: 1px solid #E5E5E5;
}
/*==================== PAGE NAVIGATION =====================*/
#page-nav{
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    width: 1140px;
    background-color: #191919;
    padding: 0 30px;
}
#page-nav a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}
#page-nav .active,
#page-nav a:hover{color: #E34B39;}

#page-nav ul{float: left;}
#page-nav ul li{
    float: left;
    margin-right: 10px;
}
#page-nav span{
    display: block;
    float: right;
    margin-bottom: 0;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}   


/*==================== ABOUT WORK =====================*/
.about-work div{
    width: 262px;
    float: left;
    margin-right: 30px;
}
.about-work div h2{margin-bottom: 0;}
.about-work div p{margin-bottom: 5px;}
.about-work div:first-of-type p{margin-bottom: 15px;}



/*==================== TEAM =====================*/
.team div{
    width: 262px;
    float: left;
    margin-right: 30px;
}
.team h2{margin-bottom: 0;}
.team p{margin-bottom: 5px;}


/*==================== GALERRY =====================*/
.gallery li{
    width: 270px;
    float: left;
    margin:0 20px 20px 0;
    border-radius: 2px;
}



/*==================== CONTACT =====================*/
.call-right{float: right !important;}
.button-contact{margin-bottom: 30px;}
.map{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    line-height: 0;
    height: 485px;
} 

.map iframe{
	width: 100%;
	height: 100%;
} 


/*==================== PAGE =====================*/
#page{width: 810px;}
.tab-page .latest-blog > div:nth-last-child(-n+2){margin-bottom: 0 !important;}
.tab-page{padding-top: 5px;}




/*==================== SIDEBAR =====================*/
#sidebar{
    width: 300px;
}
#sidebar h3{
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #303030;
}

#sidebar .sbox{
    padding: 30px;
    margin-bottom: 40px;
    background-color: #252525;
    border: 1px solid #2B2B2B;
    box-shadow: 0 1px 2px 0px #1F1F1F;
}
#sidebar .sbox img{background-color: #262626;}

#sidebar li{
    padding: 5px;
    border-bottom: 1px dotted #373737
}


    /*= twiterr =*/
    .s-tweet{position: relative;}
    .s-tweet li{padding: 15px !important;}
    .s-tweet .tweet_list li:last-child{
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .s-tweet img{
        float: left;
        margin-right: 15px;
        background-color: transparent !important;
    }
    
    /*= categories =*/
    .s-categories a{
        display: block;
        color: #999;
        padding-left: 22px;
        background: url(../images/arrow-readmore.png) no-repeat left center;
    }
    .s-categories a:hover{
        color: #E34B39;
        background: url(../images/arrow-readmore-hover.png) no-repeat left center;
    }
    
    
    /*= tabs =*/
    .s-tab .tab-sidebar{
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #303030;
        height: 25px;
    }
    .tab-page .tab-sidebar{margin-bottom: 25px;}
    .s-tab .tab-sidebar li{
        float: left;
        margin-right: 15px;
        font-size: 11px;
        text-transform: uppercase;
        cursor: pointer;
        
    }
    .s-tab .tab-sidebar li.last{margin-right: 0;}
    .s-tab .tab-sidebar li.active,
    .s-tab .tab-sidebar li:hover
    {
        border-bottom: 1px solid #E34B39 !important;
        padding-bottom: 10px;
        color: #E34B39;
    }
    .s-tab img{
        float: left;
        margin-right: 15px;
    }
    .s-tab .tab li{
        margin-bottom: 10px;
        padding-bottom: 15px !important;
    }
    .tab{display:none; }
	.tab.visible{display: block;}
    
    .tab li:last-child{
        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .tab img:last-child{margin-bottom: 0 !important;}
    
    

/*==================== CONTACT FORM =====================*/
#form-contact .left{
    float: left;
    width: 208px;
    color: #656565;
    margin-right: 30px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Rokkitt', serif;
}
#form-contact .left input{
    color: #656565;
    font-size: 12px !important;
    width: 198px;
    padding: 5px;
    box-shadow: none;
    margin-top: 10px;
    font-style: italic;
    background-color: #191919;
    border: 1px solid #262626;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
    
}
#form-contact .left input:focus, 
#form-contact textarea:focus{ 
    background-color: #151515;
    border: 1px solid #131313;
}
#form-contact textarea{
    color: #656565;
    font-size: 12px !important;
    padding: 5px;
    width: 676px !important;
    height: 240px !important;
    overflow: auto;
    background-color: #191919;
    border: 1px solid #262626;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
#form-contact .botton{
    cursor: pointer;
    padding: 10px 30px !important;
}

label.error{
    color: #dc3f35;
    font-size: 14px;
}

#contact-form input.error,
textarea.error {border: 1px solid #ff3f3f;}

#progress{
		padding:10px;
        margin-top: 15px;
		border:1px solid #4eaa77;
	}
#progress p{margin-bottom:0 !important;}



/*==================== SERVICES =====================*/
.services-description li{
    padding: 3px 0 3px 25px;
    background: url(../images/check.png) no-repeat 0 45%;
}

.num-service{margin-bottom: 20px;}
.num-service h4 span{
    display: inline-block;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 33px;
    -webkit-border-radius: 33px;
    background-color: #191919;
    border: 1px solid #292929;
}




/*==================== BLOG =====================*/
.blog-box{
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px dashed #E5E5E5;
}
.blog-box.last{
    margin-bottom: 0;
    padding-bottom: 0;
    background: none;
    border-bottom: none;
}
.blog-single h1{
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #303030;
}



    /*= slider post =*/
    .slider-blog{
        position: relative;
        line-height: 0;
    }
    .slider-blog .flex-direction-nav a.flex-prev{
        left: 30px !important;
        background: url('../images/slider-left.png') no-repeat;
    }
    .slider-blog .flex-direction-nav a.flex-next{
        right: 30px !important;
        background: url('../images/slider-right.png') no-repeat;
    }

    
   
       
    /* link post */
    .link-post{
        text-align: center;
        background-color: #292929;
        border: 1px solid #2B2B2B;
        padding: 15px;
    }
    .link-post a{font-size: 16px;}     
 


    /*= comments =*/
 /*   #comments div{
        background-color: #262626;
        border: 1px solid #2B2B2B;
        margin-bottom: 40px;
        margin-left: 94px;
        padding: 15px;
    }*/
	
	.comment {
	
      background-color: #FFFFFF;
    border: 1px solid #EDEDED;
    margin-bottom: 40px;
   /* margin-left: 94px;*/
    padding: 15px;

		}
		.indented {
    margin-left: 45px;
}
    #comments .avatar{
        float: left;
        width: 65px;
        padding: 3px !important;
        margin-right: 20px; 
    }
    #comments .comments-list ul{
        margin-left: 50px;
        margin-bottom: 20px;
    }
    #comments .meta{
        font-size: 13px;
        color: #555;
        padding-bottom: 8px;
        margin-bottom: 10px !important;
        border-bottom: 1px dashed #e2e2e2;
    }
    
    
    
/*==================== FORM COMMENTS =====================*/
.comments-form .left{
    float: left;
    width: 218px;
    color: #656565;
    margin-right: 15px;
    font-size: 14px;
    font-family: 'Rokkitt', serif;
}
.comments-form .left input{
    color: #656565;
    font-size: 11px !important;
    width: 208px;
    padding: 7px 5px;
    margin-top: 5px;
    background-color: #191919;
    border: 1px solid #262626;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
    
}
.comments-form textarea{
    color: #656565;
    font-size: 12px !important;
    padding: 5px;
    width: 676px !important;
    height: 240px !important;
    overflow: auto;
    background-color: #191919;
    border: 1px solid #262626;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}
.comments-form .botton{
    cursor: pointer;
    padding: 10px 30px !important;
}

.comments-form .left input:focus,
.comments-form textarea:focus{
    background-color: #151515;
    border: 1px solid #131313;
}
    
 
    
/*==================== PORTFOLIO =====================*/
/* header portfolio */
.header-portfolio{
    margin-bottom: 25px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #303030;

}
.header-portfolio h3{
    float: left;
    padding-bottom: 0!important;
    margin-bottom: 0 !important;
}
#filtrable{float: right;}
#filtrable li{
    color: #777777;
    display: inline-block;
    padding: 3px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
    border-width: 1px; 
    border-style: solid;
    border-radius: 3px 3px 3px 3px;
    border-color: #E1E0E0 #CBCBCB #C4C4C4;
    background: -moz-linear-gradient(center top , #F7F7F7 0px, #EBEBEB) repeat scroll 0 0 transparent;
}
#filtrable li:hover{background: -moz-linear-gradient(center top , #EBEBEB 0pt, #F7F7F7) repeat scroll 0 0 transparent;}
#filtrable li a{
    color: #999;
    font-size: 13px;
    letter-spacing: 0.05em;
}
#filtrable li.current a{
    color: #E34B39 !important;
}



/* sidebar-portfolio */
/*.isotope-element, .portfolio2{width: 706px;}
.portfolio1 li, 
.portfolio2 li, 
.isotope-element li{float: left;}

.portfolio1 li{width: 686px;}

.portfolio2 li{
    margin-right: 20px;
    width: 331px;
}
.isotope-element {
    margin-right: 20px;
    width: 213px;
}
*/

/* no sidebar portfolio */
.no-sidebar.portfolio1 li{width: 1140px;}
.no-sidebar.portfolio2 li{width: 558px;}
.no-sidebar.portfolio3 li{width: 364px;}
.portfolio3.no-sidebar, .portfolio2.no-sidebar{width: 1170px!important;}



/* portfolio info */
.portfolio li{
    margin-bottom: 40px !important;
}
.portfolio li div{margin-bottom: 15px;}
.portfolio  h2{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.portfolio  p{
    margin-bottom: 5px;
}
.portfolio  h2 a{ 
    color: #555;
    font-size: 16px;
    font-weight: normal;
}
.portfolio  h2 a:hover{ color: #E34B39;}
.portfolio .p-meta a{font-size: 12px;}
   
    
    
/*==================== RELATED POST =====================*/
/*.related-post div{
    width: 208px;
    float: left;
    margin-right: 30px;
}*/
.related-post.no-sidebar div{width: 262px;}

.related-post p{margin-bottom: 5px;}
.related-post a.link-title{padding-bottom: 5px;}
.related-post .meta{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}   

/*==================== FOOTER =====================*/
#footer{ 
    position: relative;
    padding: 30px 30px 0 30px;
    background-color: #1c1c1c;
    color: #858585;
}    
#footer h3{
    margin-bottom:15px !important;
    font-size: 16px;
    color: #fff  !important;
}
#footer a{color: #858585;}
#footer a:hover{color: #fff;}
#footer .list li{
    padding: 7px 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #171717;
}
#footer .list li:first-of-type{
    border-top: none;
    padding-top: 0;
}
#footer .list li:last-of-type{border-bottom: none;}


    /*= flickr =*/
    #footer .flickr li{
        width: 60px;
        float: left;
        line-height: 0;
        margin: 0 5px 1px 0;
    }
    #footer .flickr a{ 
        padding: 2px;
        display: inline-block;
        background-color: #191919;
    }
    #footer .flickr a:hover{
         background-color: #111111;
    }
    #footer .flickr img{
        width: 60px;
        max-width: inherit;
    }
     
    /*= SEARCH =*/
    #search{
        margin-top: 25px;
        width: 100%;
        position:relative;
    }    
    #search p{margin-bottom: 0;}
    #search input[type="text"]{
        color:#777; 
        width:240px;
        height:30px;
        padding:0 10px;
        line-height: 30px;
        font-size: 10px;
        background-color: #191919;
        border: 1px solid #202020;
    }
    #search input[type="text"]:focus{
        background-color: #151515;
        border: 1px solid #131313;
    }
    #search .search-bt{
        top:1px;
        right:10px;
        height:30px;
        width: 20px;
        cursor: pointer; 
        position:absolute;
        border:none !important;
        background: url(../images/search.png) no-repeat center center;
    }  

    /*= footer buttom =*/
    .footer-buttom{ 
        width: 1140px;
        padding: 0 30px;
        margin: 30px 0 0 -30px;
        color: #777 !important;
        background-color: #191919;
        border-top: 1px solid #212121;
    }
    .footer-buttom p{
        float: left;
        padding: 23px 0;
        font-size: 10px;
        margin: 0 !important;
        display: inline-block;
    }    
    #footer-menu{float: right;}
    #footer-menu li{
        float: left;
        padding: 23px 0;
        margin-right: 15px;
    }
    #footer-menu li a{
        color: #555 !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 11px;
        font-family: 'Arial', sans-serif;
    }
    #footer-menu a:hover{color: #ccc !important;}




/*==================== COLUMNS ====================*/
.one-two,
.one-three,
.one-four{
    float: left;
    margin-right: 30px;
}

.one-two{width: 555px;}
.one-three{width: 360px;}
.one-four{width: 262px;}
#footer .one-three{width: 165px;}

#page .one-two{width: 328px;}
#page .one-three{width: 208px;}
#page .one-four{width: 149px;}



/*==================== IMAGES =====================*/
img{
    max-width: 100%;
    height: auto;
}
.border-img{
    background-color: #FBFBFB;
    /*border: 1px solid #fff;*/
    box-shadow: 0 1px 2px 1px #E4E4E4;
    line-height: 0;
    margin-bottom: 10px;
    /*padding: 5px;*/
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.border-img:hover{ 
     background-color: #fff;
}
.border-img.alignleft{
    margin-right:20px !important;
    margin-bottom: 1px !important;
}
.border-img.alignright{
    margin-left:20px !important;
    margin-bottom: 1px !important;
}
.border-img.aligncenter {
    display: table;
    margin: 0 auto 10px;
    margin-bottom: 10px;
}
.border-img a{
    position: absolute;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    top: 50%;
    margin-top: -17px;
    opacity: 1 !important;
    -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;

}
.border-img a.img-view{
    left: -36px;
    background: url('../images/view.png') no-repeat;
}
.border-img a.img-link{
    right: -36px;
    background: url('../images/link.png') no-repeat;
}
.border-img a:hover{background-position: 0 -36px;}



/*==================== DIVIDER =====================*/
.divider{
    height: 1px;
    margin: 20px 0;
    /*border-bottom: 1px dashed #E5E5E5; 
    display:none;*/
}
.divider-top{
    height: 1px;
    margin: 0 0 40px 0;
    border-bottom: 1px dashed #E5E5E5;
}
.divider.mob{display: none;}




/*==================== BUTTOM =====================*/
.botton {
    background: -moz-linear-gradient(center top , #F7F7F7 0px, #EBEBEB) repeat scroll 0 0 transparent;
    border-color: #E1E0E0 #CBCBCB #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    display: inline-block;
    font-size: 14px;
    padding: 3px 15px 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    font-family: 'Rokkitt', serif;
}
.botton:hover {
    background: -moz-linear-gradient(center top , #EBEBEB 0pt, #F7F7F7) repeat scroll 0 0 transparent;
    color: #777777 !important;
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .btn-7, .btn-8, .btn-9, .btn-10, 
.btn-11, .btn-12, .btn-13, .btn-14, .btn-15, .btn-16, .btn-17, .btn-18, .btn-19, .btn-20{
    display: inline-block;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	border-width:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-style:solid;
    height:30px;
    padding: 0 30px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
}
.btn-1:hover, .btn-2:hover, .btn-3:hover, .btn-4:hover, .btn-5:hover, .btn-6:hover, .btn-7:hover, .btn-8:hover, .btn-9:hover, .btn-10:hover, 
.btn-11:hover, .btn-12:hover, .btn-13:hover, .btn-14:hover, .btn-15:hover, .btn-16:hover, .btn-17:hover, .btn-18:hover, .btn-19:hover, .btn-20:hover{
    	opacity: 0.8;
        color: #292929;
}

.btn-1{
    color:rgb(102,102,102);
	background-color: #fbfbfb;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(235,235,235) 0%,rgb(254,254,254) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(235,235,235)),color-stop(1, rgb(254,254,254)));
	background-image:-webkit-linear-gradient(90deg,rgb(235,235,235) 0%,rgb(254,254,254) 100%);
	background-image:-o-linear-gradient(90deg,rgb(235,235,235) 0%,rgb(254,254,254) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(235,235,235) 0%,rgb(254,254,254) 100%);
	background-image:linear-gradient(90deg,rgb(235,235,235) 0%,rgb(254,254,254) 100%);
	border-color:rgb(180,180,180);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefefe,endColorstr=#ffebebeb,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffefefe,endColorstr=#ffebebeb,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-2{
	background-color: #CEE7EE;
    color:rgb(81,123,135);
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(206,231,238) 0%,rgb(246,246,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(206,231,238)),color-stop(1, rgb(246,246,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(206,231,238) 0%,rgb(246,246,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(206,231,238) 0%,rgb(246,246,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(206,231,238) 0%,rgb(246,246,255) 100%);
	background-image:linear-gradient(90deg,rgb(206,231,238) 0%,rgb(246,246,255) 100%);
	border-color:rgb(158,185,194);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff6f6ff,endColorstr=#ffcee7ee,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff6f6ff,endColorstr=#ffcee7ee,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-3 {
    color:rgb(102,102,102);
	background-color: #DFDFDF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(212,212,212) 0%,rgb(237,237,237) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(212,212,212)),color-stop(1, rgb(237,237,237)));
	background-image:-webkit-linear-gradient(90deg,rgb(212,212,212) 0%,rgb(237,237,237) 100%);
	background-image:-o-linear-gradient(90deg,rgb(212,212,212) 0%,rgb(237,237,237) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(212,212,212) 0%,rgb(237,237,237) 100%);
	background-image:linear-gradient(90deg,rgb(212,212,212) 0%,rgb(237,237,237) 100%);
	border-color:rgb(187,187,187);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffededed,endColorstr=#ffd4d4d4,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffededed,endColorstr=#ffd4d4d4,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-4 {
    color:rgb(255,255,255);
    text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	background-color: #576165;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(83,91,95) 0%,rgb(95,106,112) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(83,91,95)),color-stop(1, rgb(95,106,112)));
	background-image:-webkit-linear-gradient(90deg,rgb(83,91,95) 0%,rgb(95,106,112) 100%);
	background-image:-o-linear-gradient(90deg,rgb(83,91,95) 0%,rgb(95,106,112) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(83,91,95) 0%,rgb(95,106,112) 100%);
	background-image:linear-gradient(90deg,rgb(83,91,95) 0%,rgb(95,106,112) 100%);
	border-color:rgb(0,0,0);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5f6a70,endColorstr=#ff535b5f,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5f6a70,endColorstr=#ff535b5f,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-5 {
    color:rgb(162,136,44);
	background-color: #FFE79E;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(255,225,133) 0%,rgb(255,239,191) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(255,225,133)),color-stop(1, rgb(255,239,191)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,225,133) 0%,rgb(255,239,191) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,225,133) 0%,rgb(255,239,191) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,225,133) 0%,rgb(255,239,191) 100%);
	background-image:linear-gradient(90deg,rgb(255,225,133) 0%,rgb(255,239,191) 100%);
	border-color:rgb(223,192,86);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffefbf,endColorstr=#ffffe185,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffefbf,endColorstr=#ffffe185,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-6 {
	background-color: #FFFF73;
    color:rgb(176,166,0);
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(255,255,115) 0%,rgb(255,255,191) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(255,255,115)),color-stop(1, rgb(255,255,191)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,255,115) 0%,rgb(255,255,191) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,255,115) 0%,rgb(255,255,191) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,255,115) 0%,rgb(255,255,191) 100%);
	background-image:linear-gradient(90deg,rgb(255,255,115) 0%,rgb(255,255,191) 100%);
	border-color:rgb(210,205,37);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffbf,endColorstr=#ffffff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffbf,endColorstr=#ffffff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-7 {
    color:rgb(95,162,0);
	background-color: #DCFF73;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(220,255,115) 0%,rgb(229,255,153) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(220,255,115)),color-stop(1, rgb(229,255,153)));
	background-image:-webkit-linear-gradient(90deg,rgb(220,255,115) 0%,rgb(229,255,153) 100%);
	background-image:-o-linear-gradient(90deg,rgb(220,255,115) 0%,rgb(229,255,153) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(220,255,115) 0%,rgb(229,255,153) 100%);
	background-image:linear-gradient(90deg,rgb(220,255,115) 0%,rgb(229,255,153) 100%);
	border-color:rgb(179,223,77);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.06) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe5ff99,endColorstr=#ffdcff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-8 {
    color:rgb(55,151,0);
	background-color: #BCFF79;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(185,255,115) 0%,rgb(204,255,153) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(185,255,115)),color-stop(1, rgb(204,255,153)));
	background-image:-webkit-linear-gradient(90deg,rgb(185,255,115) 0%,rgb(204,255,153) 100%);
	background-image:-o-linear-gradient(90deg,rgb(185,255,115) 0%,rgb(204,255,153) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(185,255,115) 0%,rgb(204,255,153) 100%);
	background-image:linear-gradient(90deg,rgb(185,255,115) 0%,rgb(204,255,153) 100%);
	border-color:rgb(123,219,50);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccff99,endColorstr=#ffb9ff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffccff99,endColorstr=#ffb9ff73,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-9 {
    color:rgb(12,175,0);
	background-color: #4DFF7A;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(77,255,122) 0%,rgb(153,255,179) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(77,255,122)),color-stop(1, rgb(153,255,179)));
	background-image:-webkit-linear-gradient(90deg,rgb(77,255,122) 0%,rgb(153,255,179) 100%);
	background-image:-o-linear-gradient(90deg,rgb(77,255,122) 0%,rgb(153,255,179) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(77,255,122) 0%,rgb(153,255,179) 100%);
	background-image:linear-gradient(90deg,rgb(77,255,122) 0%,rgb(153,255,179) 100%);
	border-color:rgb(33,222,49);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99ffb3,endColorstr=#ff4dff7a,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99ffb3,endColorstr=#ff4dff7a,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-10 {
    color:rgb(13,168,92);
	background-color: #4DFFD2;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(77,255,210) 0%,rgb(191,255,239) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(77,255,210)),color-stop(1, rgb(191,255,239)));
	background-image:-webkit-linear-gradient(90deg,rgb(77,255,210) 0%,rgb(191,255,239) 100%);
	background-image:-o-linear-gradient(90deg,rgb(77,255,210) 0%,rgb(191,255,239) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(77,255,210) 0%,rgb(191,255,239) 100%);
	background-image:linear-gradient(90deg,rgb(77,255,210) 0%,rgb(191,255,239) 100%);
	border-color:rgb(45,225,156);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbfffef,endColorstr=#ff4dffd2,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbfffef,endColorstr=#ff4dffd2,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-11 {
    color:rgb(20,177,172);
	background-color: #73FFFF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(115,255,255) 0%,rgb(191,255,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(115,255,255)),color-stop(1, rgb(191,255,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(115,255,255) 0%,rgb(191,255,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(115,255,255) 0%,rgb(191,255,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(115,255,255) 0%,rgb(191,255,255) 100%);
	background-image:linear-gradient(90deg,rgb(115,255,255) 0%,rgb(191,255,255) 100%);
	border-color:rgb(87,215,214);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.08) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbfffff,endColorstr=#ff73ffff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbfffff,endColorstr=#ff73ffff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-12{
    color:rgb(39,150,214);
	background-color: #7BDEFF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(115,220,255) 0%,rgb(153,229,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(115,220,255)),color-stop(1, rgb(153,229,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(115,220,255) 0%,rgb(153,229,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(115,220,255) 0%,rgb(153,229,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(115,220,255) 0%,rgb(153,229,255) 100%);
	background-image:linear-gradient(90deg,rgb(115,220,255) 0%,rgb(153,229,255) 100%);
	border-color:rgb(70,176,220);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99e5ff,endColorstr=#ff73dcff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99e5ff,endColorstr=#ff73dcff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-13{
    color:rgb(52,103,221);
	background-color: #7BBDFF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(115,185,255) 0%,rgb(153,204,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(115,185,255)),color-stop(1, rgb(153,204,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(115,185,255) 0%,rgb(153,204,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(115,185,255) 0%,rgb(153,204,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(115,185,255) 0%,rgb(153,204,255) 100%);
	background-image:linear-gradient(90deg,rgb(115,185,255) 0%,rgb(153,204,255) 100%);
	border-color:rgb(73,136,225);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99ccff,endColorstr=#ff73b9ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99ccff,endColorstr=#ff73b9ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-14{
    color:rgb(56,78,224);
	background-color: #7891FF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(101,126,255) 0%,rgb(153,179,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(101,126,255)),color-stop(1, rgb(153,179,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(101,126,255) 0%,rgb(153,179,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(101,126,255) 0%,rgb(153,179,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(101,126,255) 0%,rgb(153,179,255) 100%);
	background-image:linear-gradient(90deg,rgb(101,126,255) 0%,rgb(153,179,255) 100%);
	border-color:rgb(56,78,224);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99b3ff,endColorstr=#ff657eff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff99b3ff,endColorstr=#ff657eff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-15{
    color:rgb(122,74,234);
	background-color: #A587FF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(150,115,255) 0%,rgb(179,153,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(150,115,255)),color-stop(1, rgb(179,153,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(150,115,255) 0%,rgb(179,153,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(150,115,255) 0%,rgb(179,153,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(150,115,255) 0%,rgb(179,153,255) 100%);
	background-image:linear-gradient(90deg,rgb(150,115,255) 0%,rgb(179,153,255) 100%);
	border-color:rgb(122,74,234);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb399ff,endColorstr=#ff9673ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffb399ff,endColorstr=#ff9673ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-16{
    color:rgb(146,75,207);
	background-color: #D5ABFF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(204,153,255) 0%,rgb(223,191,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(204,153,255)),color-stop(1, rgb(223,191,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(204,153,255) 0%,rgb(223,191,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(204,153,255) 0%,rgb(223,191,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(204,153,255) 0%,rgb(223,191,255) 100%);
	background-image:linear-gradient(90deg,rgb(204,153,255) 0%,rgb(223,191,255) 100%);
	border-color:rgb(177,117,232);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdfbfff,endColorstr=#ffcc99ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdfbfff,endColorstr=#ffcc99ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-17{
    color:rgb(183,62,189);
	background-color: #F9A8FF;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(255,153,255) 0%,rgb(239,191,255) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(255,153,255)),color-stop(1, rgb(239,191,255)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,153,255) 0%,rgb(239,191,255) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,153,255) 0%,rgb(239,191,255) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,153,255) 0%,rgb(239,191,255) 100%);
	background-image:linear-gradient(90deg,rgb(255,153,255) 0%,rgb(239,191,255) 100%);
	border-color:rgb(225,111,229);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffefbfff,endColorstr=#ffff99ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffefbfff,endColorstr=#ffff99ff,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-18{
    color:rgb(194,81,156);
	background-color: #F49CCC;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(236,147,203) 0%,rgb(255,168,206) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(236,147,203)),color-stop(1, rgb(255,168,206)));
	background-image:-webkit-linear-gradient(90deg,rgb(236,147,203) 0%,rgb(255,168,206) 100%);
	background-image:-o-linear-gradient(90deg,rgb(236,147,203) 0%,rgb(255,168,206) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(236,147,203) 0%,rgb(255,168,206) 100%);
	background-image:linear-gradient(90deg,rgb(236,147,203) 0%,rgb(255,168,206) 100%);
	border-color:rgb(208,110,173);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffa8ce,endColorstr=#ffec93cb,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffa8ce,endColorstr=#ffec93cb,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-19{
    color:rgb(201,36,49);
	background-color: #F06365;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(237,94,96) 0%,rgb(255,123,128) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(237,94,96)),color-stop(1, rgb(255,123,128)));
	background-image:-webkit-linear-gradient(90deg,rgb(237,94,96) 0%,rgb(255,123,128) 100%);
	background-image:-o-linear-gradient(90deg,rgb(237,94,96) 0%,rgb(255,123,128) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(237,94,96) 0%,rgb(255,123,128) 100%);
	background-image:linear-gradient(90deg,rgb(237,94,96) 0%,rgb(255,123,128) 100%);
	border-color:rgb(212,58,67);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff7b80,endColorstr=#ffed5e60,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff7b80,endColorstr=#ffed5e60,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.btn-20 {
    color:rgb(205,116,35);
	background-color: #FFB973;
	background-image:-moz-linear-gradient(53% 100% 90deg,rgb(255,185,115) 0%,rgb(255,229,153) 100%); 
	background-image:-webkit-gradient(linear,53% 100%,53% 3%,color-stop(0, rgb(255,185,115)),color-stop(1, rgb(255,229,153)));
	background-image:-webkit-linear-gradient(90deg,rgb(255,185,115) 0%,rgb(255,229,153) 100%);
	background-image:-o-linear-gradient(90deg,rgb(255,185,115) 0%,rgb(255,229,153) 100%);
	background-image:-ms-linear-gradient(90deg,rgb(255,185,115) 0%,rgb(255,229,153) 100%);
	background-image:linear-gradient(90deg,rgb(255,185,115) 0%,rgb(255,229,153) 100%);
	border-color:rgb(215,142,69);
	-moz-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-webkit-box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow:0px 0px 0px 3px rgba(0,0,0,0.1) ,inset 0px 1px 0px rgba(255,255,255,0.25);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe599,endColorstr=#ffffb973,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe599,endColorstr=#ffffb973,GradientType=0)
		progid:DXImageTransform.Microsoft.Glow(Color=#ff000000,Strength=3);
}
.rounded {
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
}
.sc-a a{margin: 0 20px 20px 0;}










/*Blockquote*/
blockquote, q{quotes:""""; margin-bottom: 20px;}
blockquote p{
	padding:20px; 
	font-size:14px; 
    letter-spacing: 0.03em;
	font: italic 12px/20px 'Droid Serif', Georgia, Times, serif !important; 
	color:#555555; 
	margin:15px 0;
    border:1px dashed #f2f2f2; 
    border-left:3px solid #E34B39;
    background-color: #fff;
}

/*Pre*/
code, pre {
	margin-bottom:15px; 
	border:1px dashed #f2f2f2; 
	border-left:3px solid #f2f2f2; 
	padding:15px; 
    background-color: #fff;
	font:11px Consolas,"Courier New",Courier,monospace; 
	line-height:14px; 
	overflow:hidden; 
	margin-top:15px;
}
code:hover, pre:hover{overflow:auto;}
  
/*Highlight*/
.highlight{
	padding:1px 5px; 
	color:#fff;
	background-color:#E34B39;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px; 
	font-size:11px;
}

/*dropcap*/
p.dropcap:first-letter{
	display:block; 
	float:left; 
	font-size:30px; 
	line-height:10px;
	margin:8px 10px 0 0; 
	color:#E34B39;
    font: italic 30px 'Droid Serif', Georgia, Times, serif !important; 
}
p.dropcap2:first-letter, 
p.dropcap3:first-letter {
	display:block; 
	float:left; 
	font-size:30px; 
	line-height:10px; 
	margin:5px 10px 0 0; 
	padding:10px; 
	color:#f2f2f2; 
	background-color:#E34B39;
    height: 2.2em;
    font: italic 2.2em/2.2em 'Droid Serif', Georgia, Times, serif !important; 
}
p.round:first-letter{
	-moz-border-radius:33px; 
	-webkit-border-radius:33px; 
	border-radius:33px;
}


/*bullet*/
.bullet{margin-bottom:15px;}
.bullet li{
	height:25px; 
	line-height:25px; 
	padding-left:20px;
}
.bullet.check li{background:url(../images/icon/checked.png) no-repeat left center;}   
.bullet.info li{background:url(../images/icon/info.png) no-repeat left center;}
.bullet.doc li{background:url(../images/icon/doc.png) no-repeat left center;}
.bullet.comment li{background:url(../images/icon/comment.png) no-repeat left center;}
.bullet.list li{background:url(../images/icon/list.png) no-repeat left center;}
.bullet.email li{background:url(../images/icon/mail.png) no-repeat left center;}
.bullet.arrow li{background:url(../images/icon/arrow.png) no-repeat left center;}
.bullet.zoom li{background:url(../images/icon/zoom.png) no-repeat left center;}
.bullet.star li{background:url(../images/icon/star.png) no-repeat left center;}  
.bullet.circle{list-style: circle inside;}
.bullet.disc{list-style: disc inside;}
.bullet.square{list-style: square inside;}

.bullet.decimal{list-style: decimal inside;}
.bullet.roman{list-style: lower-roman inside;}
.bullet.latin{list-style: lower-latin inside;}



/*Pricing Box*/
.pricing-box{
	width:100%; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px; 
	border:1px solid #dddddd; 
	text-align:center; 
	position:relative;
	background-color:#fff;
}
.pricing-box h2{
	background-color:#2c2c2c; 
	padding:15px 0; 
	color:#fff; 
	-webkit-border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px; 
	-moz-border-radius-topleft: 4px; 
	-moz-border-radius-topright: 4px; 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	margin-bottom:0 !important;
}
.pricing-box h3{
	margin:15px auto; 
	line-height:24px !important; 
	font-size:14px;
}
.pricing-box h3 span{
	display:block; 
	font-size:30px;
}
.pricing-box ul{
	margin-bottom:15px;
	padding:0 10px;
}
.pricing-box ul li{
	padding:10px 0;
	border-top:1px solid #dddddd;
}

.pricing-box ul li:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.pricing-box ul li.even{background-color:#f6f6f6 !important;}

.pricing-box.best{
	-moz-box-shadow:0px 0px 10px #d9d9d9; 
	-webkit-box-shadow:0px 0px 10px #d9d9d9; 
	box-shadow: 0px 0px 10px #d9d9d9;
}
.pricing-box.best h2{
	padding:35px 0 !important;
	margin-top:-10px;
}
.pricing-bt{
	display:block;
	text-align:center;
	background-color:#292929;
	padding:15px 0;
	color:#fff;
}
.pricing-bt:hover{
	color:#E34B39;
}


/* accordion */
.acc-header{
	cursor:pointer; 
	position:relative; 
	padding:10px;
	color:#555555;
    background-color: #fff;
	border:1px solid #EDEDED;
	margin-bottom:5px; 
	border-radius:5px; 
	-webkit-border-radius:5px; 
    font-weight: 700;
    font-size: 14px;
    font-family: 'Rokkitt', serif;
}
 .acc-block{margin-bottom:20px;}
 

/* toggle */
.toggle{
	cursor:pointer; 
	position:relative; 
	padding:10px;
	color:#555555;
	margin-bottom:5px; 
	border-radius:5px; 
	-webkit-border-radius:4px; 
    font-weight: 700;
    font-size: 14px;
    background-color: #fff;
	border:1px solid #EDEDED;
    font-family: 'Rokkitt', serif;
}
.toggle-block{padding:0 10px 10px 10px;}


.acc-header.active, 
.toggle.active{color: #909090 !important;}



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

#newsletters img {
background-color: #FBFBFB;
border: 1px solid white;
box-shadow: 0 1px 2px 1px #E4E4E4;
line-height: 0;
margin-bottom: 10px;
padding: 5px;
position: relative;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
	}
	
	
#newsletters .views-field-title a{
    display: block;
    font-size: 16px;
    line-height: 18px;
    padding-top: 5px;
}

#menu-bar-wrapper {
	 display: block;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ededed;
	}
	#search-block-form {
    margin-top: 25px;
    position: relative;
    width: 100%;
}
	#search-block-form .form-text {
    background-color: #191919;
    border: 1px solid #202020;
    color: #777777;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    /*width: 240px;*/
	width: 90%;
}

 #search-block-form .form-text:focus{
        background-color: #151515;
        border: 1px solid #131313;
    }
#block-search-form #edit-submit, #block-search-form #edit-submit--2, #block-search-form #edit-submit--3,#block-search-form #edit-submit--4 {
    background: url("../images/search.png") no-repeat scroll center center transparent;
    border: medium none !important;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 1px;
    width: 20px;
text-indent: 999999px;
}
div.contextual-links-wrapper a, a.toggle {
    -moz-transition: none 0s ease 0s;
}

.toolbar-menu.clearfix, .toolbar-drawer.clearfix  {
	display:block;
	}
	
	.region-sidebar-second .block {
	background-color: #FFFFFF;
    border: 5px solid #FBFBFB;
    box-shadow: 0 0 0 #FFFFFF, 0 1px 2px 0 #D4D4D4;
    margin-bottom: 40px;
    padding: 30px;
		}
		
	/*#page img {
    -moz-box-sizing: border-box;
    background-color: #FBFBFB;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px 1px #E4E4E4;
    line-height: 0;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
*/
	#page .slider-blog img, #page a.feed-icon img {
    -moz-box-sizing: none;
   
    border: none;
    box-shadow: none;
    line-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.node-readmore a, 
.comment-add a {
    background: url("../images/arrow-readmore-hover.png") no-repeat scroll right center transparent;
    display: inline-block;
    padding-right: 15px;
    text-transform: capitalize;
}


.comments-form .botton {
    cursor: pointer;
    padding: 10px 30px !important;
}

#content #edit-submit.form-submit, #content #edit-preview.form-submit, #sidebar .form-submit  {
    background: none repeat scroll 0 0 #CE1627;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 29px;
    margin-top: 20px;
    padding: 3px 15px;
    text-shadow: none;
    display: inline-block;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    cursor: pointer;
}

#content #edit-submit.form-submit:hover,  #content #edit-preview.form-submit:hover {
    background: none repeat scroll 0 0 #CE1627;
    color: #BBB !important;
}

.breadcrumbs {
   
    color: #8A8A8A;
    font-size: 10px;
   
}
h2.block-title {
	border-bottom: 1px dashed #E5E5E5;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 10px;
	
	}
	#footer h2.block-title {
    color: #FFFFFF !important;
    font-size: 16px;
    margin-bottom: 15px !important;
	border:none;
	padding: 0;
}

 ul.quicktabs-tabs {

    border-bottom: 1px dashed #E5E5E5;
    height: 26px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

ul.quicktabs-tabs li.active, ul.quicktabs-tabs li:hover {
    border-bottom: 1px solid #E34B39 !important;
    color: #E34B39;
    padding-bottom: 10px;
}
#sidebar li {
    border-bottom: 1px dotted #E7E7E7;
    padding: 5px;
}

ul.quicktabs-tabs li {
    cursor: pointer;
    float: left;
    font-size: 11px;
	margin: 0 15px 0 0;
    text-transform: uppercase;
}
#quicktabs-qt .block {
    background-color: #252525;
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
    padding: 0px;
}
#quicktabs-qt img {
    float: left;
    margin-right: 15px;
	-moz-box-sizing: border-box;
    background-color: #292929;
    border: 1px solid #2B2B2B;
    box-shadow: 0 1px 2px 0 #1F1F1F;
    line-height: 0;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    /*position: relative;*/
}
#quicktabs-tabpage-qt-0  .view-tab-block li, #quicktabs-tabpage-qt-1  .view-popular-blg li {
	 margin-bottom: 10px;
    padding-bottom: 15px !important;
	height: 90px;
	
}
#footer .view-blog-tags ul li, #footer .view-archive ul li, block-block-11 {
 border-bottom: 1px solid #171717;
    border-top: 1px solid #222222;
    padding: 7px 0;
}
#footer .view-blog-tags li:first-of-type, #footer .view-archive li:first-of-type {
    border-top: medium none;
    padding-top: 0;
}
#footer .view-blog-tags li:last-of-type, #footer .view-archive li:last-of-type {
    border-bottom: medium none;
}
#footer .item-list ul li {
    margin: 0 ;
     padding: 7px 0;
}

.user-picture img {
    background-color: #FFFFFF;
    float: left;
    margin-right: 20px;
    padding: 3px !important;
    width: 65px;
	-moz-box-sizing: none;
   
    border: none;
    box-shadow: none;
}

#comments div.comm {
    background-color: #FFFFFF;
    border: 1px solid #EDEDED;
    margin-bottom: 40px;
    margin-left: 94px;
    padding: 15px;
}
.view-blog-categories-sidebar ul li div a {
    background: url("../images/arrow-readmore.png") no-repeat scroll left center transparent;
    color: #999999;
    display: block;
    padding-left: 22px;
}
.view-blog-categories-sidebar ul li div a:hover {
    background: url("../images/arrow-readmore-hover.png") no-repeat scroll left center transparent;
    color: #E34B39;
}
.field-name-field-testimonial-image img{
/*	clear: none;*/
    display: block;
    float: left;
    margin-right: 20px;
-moz-box-sizing: border-box;
 background-color: #FBFBFB;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px 1px #E4E4E4
 /* line-height: 0;
  overflow: hidden;*/
  padding: 5px;
}
	.field-name-field-client {
		color: #555555;
    font-family: 'Rokkitt',Georgia,Times,serif;
    font-size: 14px;
    font-weight: bold;
		}
		
		#comments {
    margin-top: 35px;
	clear:both;
}
#comments .clearfix {
    display: block;
}
.views-quicksand-container div.views-row.views-quicksand {
	margin-bottom: 40px;
	}
	.views-exposed-widgets {
		margin-bottom: 20px;
		}
.pad {
	margin-left: 94px;
	  border-bottom: 1px dashed #E2E2E2;
    color: #555555;
    font-size: 13px;
    margin-bottom: 10px !important;
    padding-bottom: 8px;
	}
	
	.comment {
		margin-bottom:20px;
		}
	.quicktabs-tabs	li a.active {
    color: #E34B39;
}
.quicktabs-tabs li a {
    color: #717171;
}
.view-testimonial h2 a, .view-newsletters h2 a {
	font-size: 20px;
    line-height: 25px;
	border-bottom: 1px dashed #E5E5E5;
    margin-bottom: 5px;
    padding-bottom: 10px;
	color: #444;
    font-family: 'Rokkitt',serif;
    font-weight: bold;
}
.view-testimonial h2 a:hover, .view-newsletters h2 a:hover {
	
	color: #E34B39;
    
}
.view-testimonial .views-row, .view-newsletters .views-row {
	margin-bottom:40px;
	}
	.submitted {
		margin-bottom: 20px;
		}
	/*	.view-portfolio-quicksand {
    float: right;
}*/
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
    cursor:pointer;
    background: -moz-linear-gradient(center top , #F7F7F7 0px, #EBEBEB) repeat scroll 0 0 transparent;
    border-color: #E1E0E0 #CBCBCB #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    display: inline-block;
    padding: 3px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.portfolio h2 a {
    color: #555555;
    font-size: 16px;
    font-weight: normal;
}
#contact-site-form .form-text, #comment-form .form-text, #user-login-form .form-text {
      background-color: #F7F7F7;
    border: 1px solid #EEEEEE;
    color: #656565;
    font-size: 11px !important;
    font-style: italic;
    margin-top: 10px;
    padding: 5px;
    width: 198px;
}

.form-textarea-wrapper textarea  {
       -moz-transition: all 0.2s linear 0s;
    background-color: #F7F7F7;
    border: 1px solid #EEEEEE;
    color: #656565;
    font-size: 12px !important;
    height: 240px !important;
    overflow: auto;
    padding: 5px;
    /*width: 676px !important;*/
	width: 100% !important;
}
div.grippie {
	display:none;
	}
.c {
	clear: both;
	margin: 0;
	
	}
	.node-portfolio {
	border-bottom: 1px dashed #E5E5E5;
    margin-bottom: 35px;
    padding-bottom: 35px;
		}

	.node-page, .node-newsletters, .node-article, .node-portfolio {
	display:block;
	}				
#contact-site-form .form-item.form-item-name, #contact-site-form .form-item.form-item-mail, #user-login-form .form-item-name , #user-login-form .form-item-pass{
	margin: 0;
	padding:0;
    color: #656565;
    display: inline-block;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
    margin-right: 30px;
	margin-bottom: 15px;
    width: 208px;
}
.form-item, .form-actions {
    color: #656565;
    font-family: 'Rokkitt',serif;
    font-size: 14px;
}

#user-login-form .form-item-name , #user-login-form .form-item-pass {
	float:none;
}

 #contact-site-form .form-item-message {
	 color: #656565;
	  font-family: 'Rokkitt',serif;
    font-size: 14px;
    
	 }
#contact-site-form .form-item.form-item-subject {
			 margin: 0 0 15px;
				padding:0;
    color: #656565;
    display: inline-block;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 14px;

    width: 208px;
}


#contact-site-form .form-item.form-type-textarea.form-item-message {
	clear:both;
	
	}
	
	#contact-site-form .form-textarea-wrapper {
		padding-top: 5px;
		}
		
.region-maintop {
	
			}
			
			.breadcrumb {
    padding: 0;
    font-family: 'Rokkitt', serif;
    font-size: 12px;
}

.field-name-body, field-type-text-with-summary {
	padding-bottom: 15px;
	}
	#testimonial li div img {
   
     -moz-box-sizing: border-box;
    border-radius: 50px 50px 50px 50px;
    box-shadow: none;
    float: left;
    line-height: 0;
    margin-right: 30px;
    overflow: hidden;
    padding: 0 !important;
    width: 15%;
}





.region-social a.contextual-links-trigger {
	
}
	
	
	#isotope-options  {
    background-color: #F7F7F7;
    border: 1px solid #EEEEEE;
    margin-bottom: 40px;
    padding: 15px;
}

.portfolio-four .isotope-element img {
width: 130px !important; 
}
.portfolio-two .isotope-element img {
width: 330px !important; 
}
.isotope-element .views-field-title a {
	   color: #555555 !important; 
    font-size: 16px;
    
	}
	.isotope-element .views-field-title a:hover {
		 -moz-transition: all 0.2s linear 0s;
	   color: #E34B39 !important; 
	}
	
	.views-field-field-tags-1 a{
	color: #E34B39 !important;
	}

.view-isotope-example.portfolio-four div.iso {
  
padding: 5px;


}

.view-isotope-example.portfolio-four div.border-img {
  
 background-color:none;
    border: none;
    box-shadow: none;

}
img.isoimg {
	  -moz-box-sizing: border-box;
    background-color: #FBFBFB;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px 1px #E4E4E4;
    line-height: 0;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    position: relative;
	
}


 
td, th {
  padding: 4px 8px;
  vertical-align: middle;
}

th a, th a:link, th a:visited {
  text-decoration: none;
}

th a {
  display: block;
}

th a img {
  margin: 0 0 0 5px;
}

th.active {
  background: #DDD;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/* Odd & Even Styles */
tr.even td {
  background: #222;
}

tr.odd td {
  background: #222;
}

td.active {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

tr.even td.active {
  background: #e5e9ed;
}

tr.odd td.active {
  background: #222;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #222;
}

td ul.links {
  margin-bottom: 0;
}

td code {
	border-style:none;
	padding: 0;
	}

.tab img:last-child {
    margin-bottom: 0 !important;
}
img.img-tab  {
    float: left;
    margin-right: 15px;
	width: 40%;
	cursor:pointer;
}

#quicktabs-right_tabs .block {
	
    border: medium none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
	}
	.view-blog-tab li {
		   clear: both;
    height: 100px;
		   margin-bottom: 10px;
    padding-bottom: 15px !important;
	}
	
	#sidebar .view-blog-tab li:last-child {
    border-bottom: medium none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#menu-bar-wrapper ul ul {display:none}





/*========== CUSTOM CODESIAN ====================*/

.page-node-31 #page {
    width: 100%;
}

#node-31,.page-node-31 .content {
    width: 100%;
}

.page-node-31 .form-text {
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 11px;
    padding: 7px 10px;
    width: 100%;
    color:#656565;
}
.page-node-31 .form-select {
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 11px;
    padding: 7px 10px;
    width: 105%;
    color:#656565;
}

/*
.page-node-31 .webform-client-form span.fieldset-legend {
    font-family: 'Rokkitt',serif;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: -5px;
}
*/

#webform-component-column2--forum-information--day-one--session-one--first-preference,
#webform-component-column2--forum-information--day-one--session-two--first-preference,
#webform-component-column2--forum-information--day-one--session-three--first-preference,
#webform-component-column2--forum-information--day-one--session-four--first-preference,
#webform-component-column2--forum-information--day-one--session-five--first-preference,
#webform-component-column2--forum-information--day-one--session-six--first-preference,
#webform-component-column2--forum-information--day-one--session-one--third-preference,
#webform-component-column2--forum-information--day-one--session-two--third-preference,
#webform-component-column2--forum-information--day-one--session-three--third-preference,
#webform-component-column2--forum-information--day-one--session-four--third-preference,
#webform-component-column2--forum-information--day-one--session-five--third-preference,
#webform-component-column2--forum-information--day-one--session-six--third-preference,
#webform-component-column2--forum-information--day-two--session-one--first-preference,
#webform-component-column2--forum-information--day-two--session-two--first-preference,
#webform-component-column2--forum-information--day-two--session-three--first-preference,
#webform-component-column2--forum-information--day-two--session-four--first-preference,
#webform-component-column2--forum-information--day-two--session-five--first-preference,
#webform-component-column2--forum-information--day-two--session-six--first-preference,
#webform-component-column2--forum-information--day-two--session-one--third-preference,
#webform-component-column2--forum-information--day-two--session-two--third-preference,
#webform-component-column2--forum-information--day-two--session-three--third-preference,
#webform-component-column2--forum-information--day-two--session-four--third-preference,
#webform-component-column2--forum-information--day-two--session-five--third-preference,
#webform-component-column2--forum-information--day-two--session-six--third-preference
{
    width: 100%; 
    float:left;
}

#webform-component-column2--forum-information--day-one--session-one--second-preference,
#webform-component-column2--forum-information--day-one--session-two--second-preference,
#webform-component-column2--forum-information--day-one--session-three--second-preference,
#webform-component-column2--forum-information--day-one--session-four--second-preference,
#webform-component-column2--forum-information--day-one--session-five--second-preference,
#webform-component-column2--forum-information--day-one--session-six--second-preference,
#webform-component-column2--forum-information--day-two--session-one--second-preference,
#webform-component-column2--forum-information--day-two--session-two--second-preference,
#webform-component-column2--forum-information--day-two--session-three--second-preference,
#webform-component-column2--forum-information--day-two--session-four--second-preference,
#webform-component-column2--forum-information--day-two--session-five--second-preference,
#webform-component-column2--forum-information--day-two--session-six--second-preference
{
    /*padding-right: 10px;
    padding-left: 10px;*/
    width: 100%; 
    float:left;
}

#webform-component-column2-forum-information-day-one-session-one,
#webform-component-column2-forum-information-day-one-session-two,
#webform-component-column2-forum-information-day-one-session-three,
#webform-component-column2-forum-information-day-one-session-four,
#webform-component-column2-forum-information-day-one-session-five,
#webform-component-column2-forum-information-day-one-session-six,
#webform-component-column2-forum-information-day-two-session-one,
#webform-component-column2-forum-information-day-two-session-two,
#webform-component-column2-forum-information-day-two-session-three,
#webform-component-column2-forum-information-day-two-session-four,
#webform-component-column2-forum-information-day-two-session-five,
#webform-component-column2-forum-information-day-two-session-six{
     width: 105%; 
     margin-left: 10px;
}



.page-node-31 #edit-actions{
    border-top: 1px dashed #E5E5E5;
    clear: both;
    margin-top: 30px;
    padding-top: 30px;
    text-align: right;
    margin-right: 5.5%;
}

#webform-component-column1{
    margin-left: 20px;
    margin-right: 10%;
    margin-bottom: 50px;
}



#webform-component-column2-forum-information-day-one .webform-component-fieldset.form-wrapper{
     margin-left: 10px;
}


#webform-component-column2-forum-information-day-two .webform-component-fieldset.form-wrapper{
     margin-left: 10px;
}

.fieldset-wrapper {
    padding-top: 5px;
}

.fieldset-wrapper .fieldset-wrapper{
    padding-top: 10px;
}

.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper {
    padding-top: 5px; 
}

.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper .fieldset-wrapper{
    padding-top: 0px; 
}

.fieldset-wrapper span.fieldset-legend{
    font-family: 'Rokkitt',serif;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.fieldset-wrapper .fieldset-wrapper span.fieldset-legend{
    font-size: 14px;
    font-weight: bold;
}

.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper span.fieldset-legend{
     font-size: 14px;
    font-weight: bold;
}

#webform-component-column1, #webform-component-column2{
        float: left;
        width: 40%;
    }