
.layout-theme {
    background:#ffffff;
}


    
  
  html .single-portfolio .breadcrumb * {
    color: #ff3300 !important;
}
  
  .widget_archive .widget-title::before  , .widget_recent_comments .widget-title::before{
color: #ff3300;
    }
  
  .form-control:focus {
    border-color: #ff3300;
    box-shadow: none !important;
}

.wrap-gallery-item .wrap-info .fa{
color: #ff3300 !important;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
	background: none repeat scroll 0 0 #ff3300;

}


.wrap-works .post .post-heading .post-image:hover {
background: none repeat scroll 0 0 #ff3300;
}



html .panel-alt-two .panel-heading.active .accordion-icon .stacked-icon , .vc_progress_bar .vc_single_bar .vc_bar {
	background: none repeat scroll 0 0 #ff3300;
}

.striped-icon:hover {
background: none repeat scroll 0 0 #ff3300;
}


html .steps i , html .divider.striped-icon{
	color: #ff3300;
}


.divider.striped-icon:hover, .divider.striped-icon:focus{
	color: #ff3300;
}


html   .popover {
    background-color: #ff3300;
    box-shadow: 0 5px 10px #ff3300;
   
}


html  .popover .popover-content .member-info p {
    color: #fff;
}

.popover .popover-content .member-info {
    border-right: 1px solid #fff;
    }

.popover.top > .arrow::after {0;
    border-top-color:#ff3300;
    }
    
    .panel-alt-two .panel-heading .panel-title a:hover{
    color: #ff3300 !important;
    }
    
    .panel-alt-two .panel-heading.active .accordion-icon {
    background: #ff3300}

html #filter li a:hover, #filter li a.current {
    background:#ff3300}

#filter li a:hover, #filter li a.current {
  background:#ff3300}

html .isotope-item .slide-desc{
  background:#ff3300
}

#main-menu li .dropdown-menu {
    border-top: 2px solid #ff3300;
    }
    
    
    .btn-group .btn.btn-info.active {
background:#ff3300;
}

.cd-pricing-wrapper.panel-highlited .panel .gap {
    background-color: #ff3300;
    }
    
    .panel-highlited .btn.btn-info {
    background-color: #ff3300;
    border-color: #ff3300;
}




html .client.left .comment {
    background-color: #ff3300;
}


html .striped-icon-large{
color: #ff3300;
}

.nav-tabs-two > li.active > a, .nav-tabs-two > li.active > a:hover, .nav-tabs-two > li.active > a:focus {
    border-color: #ff3300;
}


.striped-icon-xlarge {
    background: #ff3300  repeat scroll 0 0 content-box;
    }
    

html .wrap-features .wrap-feature-item .feature-item .ico {
color: #ff3300;
}


.wrap-services .service-icon{
color: #ff3300;
}

    
    
    html .wrap-text-pages .text-item::after{
        background-color: #ff3300;
    
    }
    
    
    html .wrap-dream-team .list-dream-team .team-item .image .mask{
    background-color: #ff3300;
    
    }
    
   html  .wrap-dream-team .list-dream-team .team-item.add-new .image .mask i{
    color: #ff3300;
    }
    
    
    html .btn-primary {
    background-color: #ff3300;
    border-color:  #ff3300;
   
}

.box {
    border-color:#ff3300  #e7e8ec #e7e8ec;
    }
    
    
    .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.focus.btn-primary, .btn.btn-primary:active, .btn.active.btn-primary {
 background-color: #ff3300;
 opacity:0.8;
}
    
    
   html  .vc_pie_chart canvas {
    border-color: #ff3300;
    }
    
   html  .wrap-timeline .time-item .date{
    
    color: #ff3300;
    }
    
    .top-block-icon {
    background-color: #ff3300;
    }
    
html  .top-block-icon {
    border: 0;
    }
    
    
    html .nav-tabs-vertical > li i {
color: #ff3300;
}

html .nav-tabs-vertical > li > a:hover {
    color: #ff3300;
}
    
    
    html .nav-tabs-vertical > li.active {
    border-color: #ff3300;
}

html .wrap-works .post .post-heading .post-image .mask {
   background-color: #ff3300;
    }
    
    
    html .widget-title a {
  color: #ff3300;
}

html .wrap-service-nav .list-nav .list-wrap .nav-item span {
color: #ff3300;
    }
    
    
    html .wrap-service-nav .list-nav .list-wrap .nav-item::before {
    border-top: 16px solid #ff3300;
    }
    
    
    html .wrap-service-nav .list-nav .list-wrap .nav-item:hover,html  .wrap-service-nav .list-nav .list-wrap .nav-item.active {
      background-color: #ff3300;
}

html .wrap-technical .map-column .wrap-map-item .map-marker::after {
   background-color: #ff3300;
    }
    
    html .wrap-technical .map-column .wrap-map-item .map-marker {
    border: 2px solid #ff3300;
    }
    
    
    .vc_btn3.vc_btn3-color-vista-blue.vc_btn3-style-modern {
    background-color: #ff3300;
    border-color: #ff3300;
    color: #ffffff;
}

It costs $ 5 for me, I spent more time talking{


}

   
  
  
    	


.client.right .comment  {
	background: #ff3300 !important ;
}

 p.subhead{
 color:#ff3300 !important ;
 }
 


 
 
 .striped-icon-small::after{
 background: #ff3300 !important ;
 
 }
 
 html .striped-icon-small {
    background#ff3300;
    }
    
.wrap-features .wrap-feature-item .feature-item .number{
 color:#ff3300 !important ;

}



    
    .striped-icon-small{
 background:none  !important ;
 }
 
.top-block-icon i {
  left: 2px;
    position: relative;
    top: 6px;
}


   
  
  
  
  
        
     
html .post-column .tags ul li a , html .block_content a {
	color: #eaeaea ;
}
  
      
   
   
   
    
  .section-header h2{
	font-family: 'roboto' !important;
    font-weight: 300 !important;
}
html body {
    font-family: 'roboto';
    font-weight: 300;    
}
        html h1, html  h2, html  h3,  html  h4, html  h5, html  h6,{
    font-family: 'roboto';
    font-weight:300;
}
        #pix-portfolio .isotope-frame .x-item  {
}
#pix-portfolio  .portfolio-image , #pix-portfolio .isotope-frame .x-item {
}
.site-header .header-main {
	background-position: left center !important;
}



/*header 4 text sentence case*/
.h4 {
text-transform:lowercase !important;
}

/*accordian circle outer yellow*/
.panel-alt-two .panel-heading.active .accordion-icon {
    background: #ffb100 none repeat scroll 0 0;
}

/*accordian circle inner yellow*/
html .panel-alt-two .panel-heading.active .accordion-icon .stacked-icon, .vc_progress_bar .vc_single_bar .vc_bar {
    background: #ffb100 none repeat scroll 0 0;
}

/*accordian title yellow*/
.panel-alt-two .panel-heading .panel-title a:hover {
    color: #ffb100 !important;
}

/*news-text-link*/
.news-text-link a:hover{
   color:#ffffff !important;
   background-color:#ff3300 !important;
   opacity:0.6 !important;
}

/* news button non-hover*/
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {   
   background-color:#ff3300 !important;

}




/* top nav */
.navbar-nav > li > a {
   margin-left:-5px;
   margin-right:-5px;
   margin-top:35px;
   padding-right:0px;
}


/* fonts */
.h1 {
    font-family:: 'Roboto', sans-serif;
}

/* fonts */
.h4 {
    font-family:: 'Roboto', sans-serif;
}


.button-background-colour {background-color:#ff3300} !important;

/* Menu padding */
.menu-item {
margin-left:-5px !important;
margin-right:-5px !important;
}


/* mouse over link */
a:hover {
    color: #ff3300;
}

/* selected link */
a:active {
    color: #ff3300;
}

.rtd ul li::before {
    content: "";
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
    width: 1.555em;
}

.wrap-counters .row-counters .counter-item .icon i {
    font-size: 75px;
}

/* meet the team icon scrolling */
.wrap-counters .row-counters .counter-item .count::after {
    background: none repeat scroll 0 0;
    border: none;
    border-radius: 10%;
    height: 1px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    top: 0;
    width: 15px;
}

/* meet the team value text */
.wrap-counters .row-counters .counter-item .count {
    font-size: 48px;
    text-align: center;
    font-weight: 300;
    padding-top: 0px;
    position: relative;
}


/* hover over state for images and icons */
.icon-hover-db:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;

}




/* Small Devices, Tablets */
    @media screen and (max-width : 768px) 
{
.about-me-header {
min-height: 400px;
}
.about-me-header h1 {
font-size:38px !important;
font-family: "Roboto",sans-serif;
text-align:center;
    }}

/* Header text */
.about-me-header h1 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 55px;
    font-weight: 400;
    margin-bottom: 25px;
    padding-top: 300px;
    text-transform: capitalize;
}



/* homepage hover boxes grey */
.home-section-hover-grey :hover{
	background-color: #f5f5f5;
	border-radius: 3px;
	
}


/* homepage hover boxes green */
.home-section-hover-green :hover{
	background-color: #4ad07d;
	border-radius: 3px;
	
}

/* homepage hover boxes blue */
.home-section-hover-blue :hover{
	background-color: #0092ef;
	border-radius: 3px;
}


/* homepage hover boxes orange */
.home-section-hover-orange :hover{
	background-color: #ff5930;
	border-radius: 3px;
}


/* text-hover-orange */
.text-hover-orange :hover{
	font-color: #ff3300;
}



/* text-hover-pink-bold */
.text-hover-pink-bold a:hover{
	color: #d52470 !important;
        font-weight: 400;
}



/* text-hover-yellow-bold */
.text-hover-yellow-bold a:hover{
	color: #ffaa00 !important;
        font-weight: 400;
}



/* text-hover-orange-bold */
.text-hover-orange-bold a:hover{
	font-color: #ff3300;
        font-weight: 400;
}


/* Small Devices, wider 1st title box */
    @media screen and (max-width : 768px) 
{
.wider-title-box {
margin-left: 200px;
margin-right: 100px;
}}
 
  @media screen 
  and (min-width: 769px) 
  and (max-width: 1200px) 
{
.wider-title-box {
margin-left: 160px !important;
margin-right: 160px !important;
}}

/* Post dates in footer */
.post-date {
font-size:11px;
font-weight: 300;
}

/* hover over state for images and icons */
.icon-hover-db:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;

}


/* hover over state for panels on homepage */
.icon-hover-panel:hover {
    transform: scale(1.03, 1.03);
    opacity: 1;

}

/* selected link when on orange background */
.link-when-orange-background a:active {
    color: #ffe4de;
    font-weight:500;
}


/* styling of header phone number text */
.header-phone-no {
   align: center;
}

/* Icons orange */
.steps i::before, .steps i::after {
    color: #ff3300;
    font-size: 64px;
    margin-bottom: 25px;
}

