@import url('//fonts.googleapis.com/css?family=Economica:400,700|Exo+2:100,200,300,400,700|Lato:400,700|PT Sans Caption:400,700|Roboto:400,700|Ubuntu+Mono:400,700|Ubuntu:400,700|Macondo|Courgette');
/*
font-family: 'Exo 2', sans-serif;
font-family: 'PT Sans Caption', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Economica', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Ubuntu Mono', monospace;
font-family: 'Courgette', cursive;
*/
/*@import url('//fonts.googleapis.com/css?family=Macondo');*/
/*font-family: 'Macondo', cursive;*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;}
body{
    font-family: 'Ubuntu', sans-serif;
    background:url("../images-web-designing-development-seo/bg.jpg")repeat left top;
    color:#5f5f5f;
    font-size:13px;
    line-height:175%;
}
h1,h2,h3,h4,h5,h6{font-family:'Exo 2',sans-serif;text-align:center;margin:10px 0 5px;padding:0}
h1{font-size:30px}
h2{font-size:26px;color:#93518e;}
h3{font-size:22px;color:#017eff;text-align:left;}
h4{font-size:18px}
h5{font-size:16px;text-align:left;color:#ff9c01;}

a.aCCC:link,a.aCCC:visited,a.aCCC:active,a.aCCC:hover{color:#CCC;text-decoration:none}
a.aWhite:link,a.aWhite:visited,a.aWhite:active,a.aWhite:hover{color:#FFF;text-decoration:none}
a.aGreen:link,a.aGreen:active,a.aGreen:hover,a.aGreen:visited{color:#8DC744;text-decoration:none}
a.aBlue:link,a.aBlue:active,a.aBlue:hover,a.aBlue:visited{color:#73acea;text-decoration:none}
figcaption{text-align:center;font-size:10px;}
p{text-align:justify;margin-top:10px;}
/* table {border-collapse: collapse;border-spacing: 0;} */
strong{font-weight:400;}
.brake{display:block;height:0;font-size:0;line-height:0;clear:both}
.borderCCC{border:.01em solid #CCC}
.borderLightGrey{border:.01em solid #e2e2e2}
.pt0{padding-top:0}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}
.pr0{padding-right:0}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}
.pb0{padding-bottom:0}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}
.pl0{padding-left:0}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}
.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}
.mt10{margin-top:10px}.mr10{margin-right:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}
.mt20{margin-top:20px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}
.mt40{margin-top:40px}.mr40{margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}
.ht20{height:20px}
.ht30{height:30px}
.ht40{height:40px}
.row .no-gutter [class*='col-']{padding-right:0;padding-left:0}
.no-gutter>[class*='col-']{padding-right:0;padding-left:0;!important}
/* ------------------------------------------------------------------------------- */
.navbar-inverse *{font-size:13px}
.navbar-inverse .navbar-brand{background-color:#C00;color:#fff}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{background-color:#C00;color:#000}
.navbar-inverse .navbar-nav>li>a{color:#fff}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:white;background-color:#C00}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#000;background-color:#C00}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#000;background-color:#C00}
.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#fff;border-bottom-color:#fff;color:#000}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-nav>.dropdown>a:focus .caret{border-top-color:#8a0e0b;border-bottom-color:#8a0e0b;color:#000}
.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#8a0e0b;border-bottom-color:#8a0e0b;color:#000}
.navbar-inverse .navbar-toggle{color:#000}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#C00}
.navbar-inverse .navbar-toggle .icon-bar{background-color:red;color:#000}
.dropdown li{background-color:rgb(244,245,240);border-bottom:.01em solid #e2e2e2}
.dropdown-menu li a{padding:7px 20px 7px 15px}
.dropdown-menu li a:hover{padding:7px 20px 7px 15px}
@media (max-width:768px){footer dd{border-top:.1em dotted #999;padding-top:10px;margin-top:20px}}
/* ----------------------------------------------------------------------------------------------------------------- */
.top-tags{font-size:9px;color:transparent;}
.top-tags h6{font-size:9px;color:transparent;display:inline;text-align:center;}
.top-tags a:link, .top-tags a:hover, .top-tags a:active, .top-tags a:visited{color:transparent;}
/* ----------------------------------------------------------------------------------------------------------------- */
/*ul li{margin-left:30px;}*/
.services {
    font-family: 'Macondo', cursive;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    border-top: 3px solid #ce0000;
    padding-top: 28px;
    padding-bottom: 20px;
    color: #CCC;
}

.services h1, .services h2, .services h3 {
    line-height: 175%;
}

.services h1 {
    color: #A4C744;
    font-size: 26px;
    display: inline;
}

.services h2 {
    color: #C4C4C4;
    font-size: 20px;
    display: inline;
}

.services h3 {
    color: #C4C4C4;
    font-size: 18px;
}

.h1Small {
    font-size: 12px;
    color: #CCC;
}

.h1Small h1 {
    display: inline;
    font-size: 12px;
}

/* ----------------------------------------------------------------------------------------------------------------- */
.services2 {
    font-family: 'Ubuntu', sans-serif;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 20px;
    border-left: 6px solid #666666;
    border-bottom: 2px solid #FF0000;
    padding-top: 10px;
    text-align: center;
}

.services2:hover {
    background-color: rgba(0, 0, 0, 1);
    border-radius: 50px 20px;
    border-left: 6px solid yellow;
}

.services2 p {
    font-size: 12px;
    color: #CCC;
    text-align: center;
}

.services2 a:link, .services2 a:visited, .services2 a:hover, .services2 a:active {
    color: #CCC;
}

/* ----------------------------------------------------------------------------------------------------------------- */
.services3 {
    width: 100%;
    border-bottom: 1px solid #999;
    background-color: rgba(255, 255, 255, 0.5);
}

.services3 h1 {
    font-size: 16px;
    color: #A500CC;
    display: inline;
}

.services3 p {
    font-size: 12px;
    text-align: justify;
}

.services3 a:link, .services3 a:visited, .services3 a:hover, .services3 a:active {
    color: #333;
    text-decoration: none;
}

.services3 h1 a:link, .services3 h1 a:visited, .services3 h1 a:hover, .services3 h1 a:active {
    color: #A500CC;
    text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------- */
#services4 {
    width: 100%;
    background-color: rgba(255, 255, 255, 1); /*box-shadow:0 3px 3px #CCC;*/
}

#joinTraining {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    overflow: hidden;
}

#joinTraining h1 {
    font-size: 18px;
    color: #CCC;
}

#topMostBottom {
    background-color: #000;
    padding: 20px 0 10px;
    border-top: 0.1em solid #666;
    color: #CCC;
    text-align: center;
    font-size: 13px;
}

#topMostBottom a:link, #topMostBottom a:visited, #topMostBottom a:hover, #topMostBottom a:active {
    color: #CCC;
    text-decoration: none;
}

#idea-gra1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c6c6c+0,272727+5,333333+100 */
    background: #6c6c6c; /* Old browsers */
    background: -moz-linear-gradient(top, #6c6c6c 0%, #272727 5%, #333333 70%, #484848 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6c6c6c 0%, #272727 5%, #333333 70%, #484848 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6c6c6c 0%, #272727 5%, #333333 70%, #484848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6c6c', endColorstr='#333333', GradientType=0); /* IE6-9 */
    border-bottom: 0.1em dotted #666;
    font-size: 12px;
    color: #999;
}

#idea-gra2 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5b5b+0,383838+100 */
    background: #5b5b5b; /* Old browsers */
    background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5b5b5b 0%, #383838 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5b5b5b 0%, #383838 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#383838', GradientType=0); /* IE6-9 */
    font-size: 11px;
    color: #EDB92E;
    line-height: 140%;
}

#idea-gra3 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,232323+13,333333+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #232323 13%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #000000 0%, #232323 13%, #333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #000000 0%, #232323 13%, #333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0); /* IE6-9 */
    padding: 10px;
    color: #CCC;
    text-align: center;
    font-size: 10px;
}

.outline {
    transition: transform 1s ease-out;
    border-radius: 50px
}

.outline:hover {
    border: 0.1em solid #000;
    border-radius: 0;
    transform: rotate(15deg);
}

#tags{background-color:#000;}
#tags h3{font-size:10px;display:inline;color:#000;}
#tags, #tags a:hover, #tags a:active, #tags a:visited, #tags a:link {
    font-size: 8px;
    color: #000;
    text-decoration: none;
    line-height: 100%;
    background-color: #000;
    overflow: hidden;
}

.web {
    background: url("../images-web-designing-development-seo/bg-fix.jpg") no-repeat fixed top center;
    padding:60px 0;
}

.top-headline {
    font-size: 14px;
    color: #CCC;
    text-shadow: 1px 1px 5px #000;
}

.accordion-body li {
    list-style: none;
    margin-left: 30px;
    font-size: 12px;
    text-indent: -20px;
    line-height: 150%;
    margin-bottom: 10px;
}

.accordion-body li:first-child {
    margin-top: 10px;
}

.accordion-body a:link, .accordion-body a:visited, .accordion-body a:hover, .accordion-body a:active {
    text-decoration: none;
}

.bodyText {
    background-color: rgba(253, 253, 253, 0.5);
    box-shadow: -30px 0 100px -90px #000000, 30px 0 100px -90px #000000;
}

.bodyText h1 {
    color: #A73DAB;
    font-size: 30px;
    text-align: center;
    margin: 15px 0;
}

.bodyText h2 {
    text-align: center;
    margin: 20px 0;
    clear: both;
}

.bodyText h3 {
    margin-top: 30px;
}

.bodyText figcaption {
    font-size: 9px;
    text-align: center;
    line-height: 100%;
    margin-top:-10px;
}

.bodyText p {
    font-size: 13px;
}

.bodyText img {
    margin: 20px auto;
}

.breadcrumb {
    background-color: rgba(201, 226, 179, 0.5);
    margin-bottom: 10px;
    margin-top: 10px;
    border: #ececec;
}

.well {
    border-left: 2px solid red;
    background-color: rgba(185, 203, 85, 0.1);
    border-radius: 0;
    margin-top: 25px;
}

.instantContact {
    background-color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #CCC;
    font-weight: 300;
}

.instantContact h2 {
    margin-bottom: 20px;
}

.instantContact button, .instantContact input {
    background-color: #808080;
    color: white;
    font-weight: 300;
    border: none;
}

#myTags {
}

#myTags, #myTags h3 {
    font-size: 10px;
    color: white;
    display: inline;
    line-height: 10px;
}

.clientsContainer {
    border: 0.01em solid #e7e7e7;
    background-color: white;
    box-shadow: 3px 3px 3px #efefef;
    margin-top: 20px;
}

.portfolio_container {
    position: relative;
    width: 100%;
}

.portfolio_image {
    display: block;
    width: 100%;
    height: auto;
}

.portfolio_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, 0.75);
}

.portfolio_container:hover .portfolio_overlay {
    opacity: 1;
}

.portfolio_text {
    color: #2b542c;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.smallh4 h4 {
    font-size: 14px;
    text-align: left;
    margin-left: 30px;
}

.smallh4 h4:last-child {
    border-bottom: 0.01em dotted #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.bds {
    box-shadow: 0 0 5px red;
}

.discussProject {
    background-color: #9fcdff;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 4px solid #737373;
}

.discussProject h1 {
    text-align: left;
}

.discussProject p {
}

.discussProject .myButton {
    margin-top: 30px;
    border: 2px solid white;
    color: #000;
}
h4.panel-title{text-align:left;font-family: 'Exo 2', sans-serif;}
a.accordion-toggle:link, a.accordion-toggle:active, a.accordion-toggle:visited, a.accordion-toggle:hover{color:#0062cc;text-decoration: none;}
.panel-body{margin-top:0;padding-top:0;}
.panel-body p{margin:0;padding:0;font-size:11px;color:#5e5e5e;}
div.panel-body a:link, div.panel-body a:active, div.panel-body a:visited, div.panel-body a:hover{color:#6c757d;}
h4.panel-title{font-size:14px;}


.ourServices{margin-top: 20px;}
.ourServices div.col-sm-3{padding-top:10px;padding-bottom:10px;}

.ourServices div.col-sm-3 div{width:100%;padding-top:5px;padding-bottom:5px;background-color:rgba(185,203,85,0.1);border:.01em solid #CCC;border-radius:5px;text-align:center;cursor:pointer;}
.ourServices div.col-sm-3 a:link, .ourServices div.col-sm-3 a:active, .ourServices div.col-sm-3 a:hover, .ourServices div.col-sm-3 a:visited{text-decoration:none;color:#626262}

.columnLeft{padding:30px 0;}
.columnLeft *{text-align:center;line-height:175%;}
.columnLeft h1, .columnLeft p{margin:0;padding:0;}
.columnLeft h1{color:red;}
.columnLeft a:link, .columnLeft a:active, .columnLeft a:hover, .columnLeft a:visited{color:#5f5f5f;text-decoration:none;}

.servicesOffered .col-sm-4{padding:15px;}
.servicesOffered .col-sm-4 div{width:100%;text-align:center;border-left:3px solid red;box-shadow:0 0 2px #CCC;}