/**
Project     : True Canvas
Design & Developed by   : http://golothemes.com
**/


/*--------------- Easy to find --------------*/

/*
#1 Font
#2 CSS Reset
#3 Base
#4 Header
#5 Navigation
#6 Slider
#7 Content
#8 Homepage
#9 Feature
#10 Our Clients
#11 Internal Pages Fotmating
#12 Meet Our Team
#13 Company
#14 Services
#15 Protfolio
#16 Portfolio Inner
#17 Contact us
#18 Pricing
#19 Testimonials
#20 Black Bar
#21 Address
#22 Social sharing icons
#23 Footer
#24 Home page 2
#25 Home page 3
(a)Toggle Slide Button
(b)Top Scroll
(c)Skill Bar
(e)map
*/

body{ font-family: 'Open Sans', sans-serif; color:#303030; font-weight:400;}

/*--------------- #2 CSS Reset start --------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{font-size:40px;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%; font-size:100%;}a,img{outline:none;border:0; max-width:100%; height:auto;}
article, aside, audio, canvas, command, datalist, details, embed, address, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}mark, rp, rt, ruby, summary, time {display:inline} iframe{ border:none; }
*{ margin:0; padding:0; outline:none;}
html{ overflow-x:hidden;}/*********fot disable to horizontal scroll bar***********/
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
strong{font-weight:700;}

/*--------------- CSS Reset end --------------*/

/*--------------- #3 Base start --------------*/
 .container{ width:940px; margin:0 auto; overflow:hidden;  }
 .container section{ margin-bottom:75px;} /*This margin will display as 60px margin from bottom because of heading text is -14px top margin according to style*/
   /*for last child of section margin define in javascript for all pages*/
  /* Some basic settings */
      a{ text-decoration:none;}
      a img{ border:none;} 
     .alignLeft{ float:left;} 
     .alignRight{ float:right;} 
     .alignCenter{ margin:0 auto;} 
     .hidden{ overflow:hidden;} 
     .hide{ display:none;}
    
    h1{ font-size: 30px; font-weight:700;}
    h2{ font-size: 20px; font-weight:700; }
    h3{ font-size: 16px; font-weight:700; }
    h4{ font-size: 14px; font-weight:700; }

    ::-moz-selection {  color: #fff; text-shadow: none; }
      ::selection {  background-color:#007dc5;color: #fff; text-shadow: none; }
    
    a{-webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;}
    a:hover{ color:#000;} 
    
    /*-Text color---*/  
    .color-one, h2, h3, h4 { color:#000;}
    .color-two, a{ color:#303030;}    
        
/*--------------- Base end --------------*/

/*--------------- #4 Header start --------------*/
 #headerWrapper{ background:#fff;}
 #headerWrapper header{  margin:0; padding:0;}
 .headerTop{ background:#fff; padding:0; float:left; width:100%; clear:both; position:relative; z-index:9999!important;}
 .logo{ float:left; margin:10px 0 0; width:auto; height:55px; }
 .headerTop > .container{ overflow:inherit; padding:0!important;}
  
    /*---------#5 Navigation---------*/
.headerTop  { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);}
.menu-link {display: none;float: right;text-decoration: none;padding: 19px 10px;}
.menu { float: right; max-width: 60em;-webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.menu ul { padding: 0px;margin: 0px;list-style: none;position: relative;display: inline-block;}
.menu > li > ul.sub-menu {min-width: 10em;padding: 4px 0;background-color: #f4f4f4;border: 1px solid #CCC;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;}
.menu ul:after {content: ""; clear: both; display: block;}
.menu ul li {padding: 0px 16px;}
.menu > ul > li { display: inline-block;}
.menu ul li a { display: block;text-decoration: none;color: #303030;font-size:13px; border-bottom:1px solid rgba(0,0,0,0); text-transform:uppercase;}
.menu ul li a:hover, a.active, .menu ul li a.selected{ color:#007dc5; border-bottom:1px solid #007dc5;}
.menu ul li > a { height:20px;padding: 22px 5px; white-space: nowrap;}
.menu ul ul { display: none; position: absolute; top:100%;min-width: 160px;background-color: rgba(255,255,255,.7); }
.menu ul li:hover > ul {display: block;}
.menu ul li:hover > .active{ color:#5abef7; border-bottom:1px solid #5abef7;}
.menu ul ul > li {position: relative; padding:0;}
.menu ul ul > li a {padding: 8px 15px 8px 10px; font-size:11px; height: auto; -webkit-transition: background-color 0.2s ease-out;  -moz-transition: background-color 0.2s ease-out;-ms-transition: background-color 0.2s ease-out;-o-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out; }
.menu ul ul > li a:hover {background-color: #5abef7; color: #fff; border-bottom:1px solid transparent; border-bottom:1px solid rgba(0,0,0,0);}
.menu ul ul ul {position: absolute; left: 100%; top:0;}

    /*---------Navigation end---------*/
    
    /*---------#6 Slider---------*/
    #sliderWrapper{   margin:0px 0 35px; position:relative;  }
    
    .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative;  background: url(../images/slider-navigation.png) no-Repeat top left!important;
    width:40px; height:40px; left:0!important;}
    .tp-rightarrow.default{ z-index:100;cursor:pointer; position:relative; background: url(../images/slider-navigation.png) no-Repeat top right!important;
    width:40px; height:40px; right:0!important;}
    .learnMore{ background:#007dc5;} .learnMore:hover{ background:#35abe5;}
    /*---------Slider end---------*/
    
/*--------------- Header end ------------------*/

/*--------------- #7 Content start --------------*/
  #main-content{ margin:0 auto; width:100%;}
  #main-content .container{ position:relative;}
  
  /*---------------#8 Homepage---------------*/
    
    /*---------- profile --------*/

   .profile{ padding:0; margin:0px auto; display:block; overflow:hidden;}
   .profile li{ width:100%;  margin:0 35px 0 0; position:relative; float:left; display:inline-block; text-align:center; padding-bottom:20px;
    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -mox-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
   .profile li .overlay{display:none; height:133px; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
   .profile li:hover{ }
   .profile li:hover .overlay{ display:block;}
   .profile li:last-child{ margin-bottom:0;}
   .profile h3{ padding:20px 0 12px; text-transform:uppercase;}
   .profile p{ font-size:12px; line-height:normal; }
   .profile li figure{  height:auto; vertical-align:middle; }
   .profile li figure img{ vertical-align:middle;}
    /*--------------- #9 Feature Box---------------*/
   .featBox{ padding:0; margin:0px auto; display:block; overflow:hidden;}
   .featBox li{ width:290px; margin:0 35px 0 0; position:relative; float:left; display:inline-block; text-align:center; border-bottom:5px solid #007dc5;padding-bottom:20px;
    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -mox-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
   .featBox li .overlay{display:none; height:133px; width:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5);}
   .featBox li:hover{ border-bottom:5px solid #b5dff7;}
   .featBox li:hover .overlay{ display:block;}
   .featBox li:last-child{ margin-bottom:0;}
   .featBox h3{ padding:20px 0 12px; text-transform:uppercase;}
   .featBox p{ font-size:12px; line-height:normal; }
   .featBox li figure{  height:auto; vertical-align:middle; }
   .featBox li figure img{ vertical-align:middle;}
   .jcarousel-skin-tango .jcarousel-item a:hover figcaption {border-bottom: 1px solid #c20509; 
   transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
   
   /*----Title Style (Heading)----*/
   .heading{ border-bottom: 1px solid #ededed; display: block; margin:0 auto; text-align: center; height:5px; position:relative; width:inherit; }
   .heading h2{ background:#fff; padding:5px 15px 2px; margin:-14px 0 0;  line-height:25px; display: inline-block; text-align:center; width:auto;  border-right:1px solid #eaeaea;    border-left:1px solid #eaeaea; text-transform:uppercase; }
  .see-wrk{ font-size:11px; position: absolute; right: 60px; text-transform:uppercase; text-align:right; top: -25px; }

  /*--------------- #10 Our Clients ---------------*/
  .our-clients{ border-bottom:1px solid #eaeaea; margin:0px auto; padding:35px 0; overflow:hidden; margin:0 -20px 0 0;}
  .our-clients li{ display:inline-block; float:left; margin:0 19px 0 0;}
  .our-clients li a img{ border:none;}
  .button-ctnr{ text-align:center; margin:0px auto; padding:2px 0;}
  .red-btn{ padding:8px 13px; text-transform:uppercase; background:#007dc5;  font-size:12px; line-height:25px; color:#fff;  text-align:center; }
  .red-btn:hover{ opacity:0.8; color:#fff;}
  .red-btn{ color:#fff;}
  
    /*-----------------Clients--------------------*/
    #clients .clientsLogo{ margin:0 -44px 0 0; padding:0 0 30px;  overflow:hidden; }
    .clientsLogo ul{  overflow:hidden;}
    .clientsLogo li{ float:left; margin:0 44px 33px 0;}
    .clientsLogo li a{ text-align:center; float:left;}
  
/*--------------- Content end --------------*/

  /*---------------#11 Internal Pages Fotmating------------*/
  .text .container{ border:none; padding:0; }   /*This margin will display as 35px margin from bottom because of heading text is -14px top margin according to style*/
  #innerHeader-price{ background:#18101b url(../images/banner-price.jpg) no-repeat top center; clear:both; width:100%;  padding:35px 0; text-align:center;position:relative; background-size:cover;margin-bottom:35px;}
  #innerHeader{ background:#18101b url(../images/banner_inner/title-bg-img.jpg) no-repeat top center; clear:both; width:100%;  padding:35px 0; text-align:center;position:relative; background-size:cover;  margin-bottom:35px;}
  #innerHeader > .container{ padding:20px 0; min-height:0!important;}
  .text h1{ color:#007dc5; width:auto; display:inline; padding:0 20px; border-bottom:1px solid #007dc5; padding-bottom:5px; text-transform:uppercase; font-size:40px;}
  .text .sub-title{ color: #000; display: block;  font-size:16px; line-height:normal; text-align:center; margin: 0 auto; padding: 15px 0; width: 60%;}
  .text h2{ text-transform:uppercase;}
  .text .heading{ border-bottom:1px solid #ededed;}
  .text .featBox p{ text-align:justify;}
  
  /*---------------#12 Meet Our Team------------*/
  #meet-our-team{ margin:0 -20px 0 0; overflow:hidden;}
  #meet-our-team .da-thumbs {list-style: none;  position: relative; margin: 35px auto 0; overflow:hidden;}
  #meet-our-team .da-thumbs > li { float: left; margin:20px 20px 0 0;  position: relative; /*padding: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ background:none; 
  border-bottom:1px solid #eee; }
  #meet-our-team .da-thumbs li figure, #meet-our-team .da-thumbs li figure img { display: block; position: relative; width:220px; height:240px; }
  #meet-our-team .da-thumbs li figure {overflow: hidden;}
  
  #meet-our-team .details{ display:block; float:left; width:100%; padding:10px 0; line-height:25px; text-align:center;}
  .details > h3, .details-lrg > h3{  text-transform:capitalize; font-size:14px; }
  #meet-our-team .details p{ padding:0px; text-align:center; font-size:12px;}
  #meet-our-team .share-links > ul{ float:none; padding:10px 0 0;}
  
  
  /*---------------#13 Company------------*/
  .text #company{ padding:10px 0 0;}
  
  /*---------------#14 Services------------*/
  
  #services{ margin-right:-35px; overflow:hidden;}
  #services .featBox li{ margin-bottom:10px; overflow:hidden;}
  #services .featBox li:hover{ border-bottom:5px solid #EAEAEA; cursor:default;}
  
  /*---------------#15 Protfolio------------*/
  
  .portfolioNav{border-bottom:1px solid #ededed;  margin-bottom:35px; overflow:hidden; width:inherit;}
  .portfolioNav .share-links{ float:right;}
  .portfolioFilter{  width:auto; float:left;}

  .portfolioFilter a {text-decoration:none; padding:0px 10px 12px; position:relative;  float:left; width:auto; font-size:12px; margin:0 15px 0px 0; 
   border-top:1px solid rgba(0,0,0,.0);  border-bottom:1px solid rgba(0,0,0,.0); text-transform:uppercase; white-space: nowrap;} 
  .portfolioFilter a.current, .portfolioFilter a:hover {   border-bottom:1px solid #C20509;}
  
  .isotope-item { z-index: 2;}
  .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
  .isotope,.isotope .isotope-item { /* change duration value to whatever you like */ 
  -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;  transition-duration: 0.8s;}
  .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;}
  .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property:  transform, opacity;}
  
  .portfolioContainer{margin: 0 -35px 25px 0;  padding:0; overflow:hidden;}
  .portfolioContainer article{ float:left; margin:0 35px 31px 0;  position:relative; display:block; overflow:hidden;}
  .portfolioContainer article a{float:left;  position:relative; display:inline; overflow:hidden;}
  .portfolioContainer .overlay {position: absolute; background: rgba(0,0,0,0.5); filter:alpha(opacity=70);width: 100%;height: 98%; text-align:center;} 
  .portfolioContainer .overlay .details{ position:absolute; top:50px!important; left:0; width:inherit;}
  .portfolioContainer .overlay .details-lrg{ position:absolute; top:91px!important; left:0; width:inherit;}
  .portfolioContainer .overlay h3{ color:#fff; padding:0 0 4px;}
  #portfolio .portfolioContainer .overlay p{ font-weight:normal; color:#fff; font-size:12px; text-align:center;}
  #portfolio .portfolioContainer .overlay p.view{ font-size:14px;   background:#c50b18;  padding:5px; width:60px; margin:11px auto; border-radius:1px;}
  #portfolio .share-links p, #portfolio-inner .share-links p{ float:left;  padding: 0 10px 0 0; text-transform:uppercase; }
  #coln-4 li a img{ width:452px;}
  #portfolio .portfolioContainer .overlay p.view:hover{ opacity:0.7;}
  
  
  /*--------------#16 Portfolio Inner---------------*/
  
  #portfolio-inner .bx-wrapper, #portfolio-inner .bx-wrapper .bx-viewport{ box-shadow:none; left:0; padding:0; margin-bottom:0; border:none;}
  #portfolio-inner .bx-wrapper .bx-pager.bx-default-pager a:hover,#portfolio-inner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#C20509;}
  #portfolio-inner .bx-wrapper .bx-pager.bx-default-pager a{ background:#909090;}
  .portfolio-inner .overlay {position: absolute; background: rgba(0,0,0,0.5); width: 100%;height: 100%; text-align:center;}
  .portfolio-inner{ margin-bottom:100px;}
  .portfolio-inner figure{ float:left; width:530px; height:350px; position:relative;} 
  .portfolio-inner figure img{ width:530px;}
  .portfolio-inner .details{ float:left; margin-left:45px; width:365px;}
  .portfolio-inner .details p:first-child{ color:#000;}
  .portfolio-inner .details p{ padding:5px 0px;  font-size:13px; line-height:18px; }
  .portfolio-inner .details .btn{ margin:20px 0; clear:both;}
  #portfolio-inner #products{ margin-bottom:-40px;}
  .portfolio-inner .details h2{ text-transform:uppercase;}
  .portfolio-inner .details .sub-tit{ font-size:14px; }
  .portfolio-inner .share-links{ border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; float: left; margin: 5px 0 0; padding: 13px 0 1px 2px; width: inherit;}
  
  
  /*---------------#17 Contact us-------------*/
  
  #contact{ padding:0px 0;}
  #map { border-bottom: 1px solid #C5C3C0; border-top: 1px solid #C5C3C0; height: 371px; margin:0px auto 35px; position: relative; width: 100%;}
  #contact form{ width:625px;}
  #contact .form-field{ float:left; width:280px; margin:0px 0 15px;}
  #contact .leftAlign{ width:335px; float:left;}
  .contact-left-frm input[type="submit"]{ border:none; color:#fff; width:100px!important; background:#c20509; font-size:14px; cursor:pointer; float:right; }
  #contact address{ float:left; width:230px;}
  #contact address a{ text-decoration:none;}
  #contact address a:hover{ text-decoration:underline;}
  .contact-left-frm{ float:left;} .contact-right-frm{ float:right;}
  
  form{ float:left; padding:20px 0; }
  .form-field{ float:left; margin:0px 0 15px;}
  form input,textarea{ width:279px; background:#f6f6f6; font-size:13px; border:1px solid #e0e0e0; padding:8px 8px 8px 0; text-indent:8px; resize:none;}
  form textarea{ height:100px; resize:none;}
  
  /*---------------#18 Pricing-------------*/
  #pricing{ padding:20px 0 0;}
  
    /*--------------- Pricing Type 1 -------------*/
  #pricing .boxContainer1 { width:770px; margin:0px auto 73px; overflow:hidden;}
  #pricing .boxContainer1 .box{float:left; width:250px; text-align:center; border:1px solid #e9e9e9; color:#212121; border-bottom:7px solid #eaeaea; border-top:7px solid #c20509;      }
  #pricing .boxContainer1 .boxCenter{width:264px; margin:0; padding-bottom:5px;}
  #pricing .boxContainer1 h2{ color:#bc0501; font-size:30px; text-transform:uppercase;}
  #pricing .boxContainer1 .price{ font-size:35px;}
  #pricing .boxContainer1 span{ font-size:12px; }
  
    /*--------------- Pricing Type 2 -------------*/
  #pricing .boxContainer2 { width:770px; margin:0px auto 73px!important; overflow:hidden;}
  #pricing .boxContainer2 .box{float:left; width:250px; text-align:center; border:1px solid #e9e9e9; color:#212121; border-bottom:7px solid #eaeaea;}
  #pricing .boxContainer2 .boxCenter{width:264px; margin:0; padding-bottom:5px; }
  #pricing .boxContainer2 h2{ color:#bc0501; font-size:30px; text-transform:uppercase;}
  #pricing .boxContainer2 .price{ font-size:35px; color:#222222;}
  #pricing .boxContainer2 span{ font-size:12px;}

        /*--------Pricing Common--------*/
      #pricing .colorBg1{background:#f6f6f6; margin:18px 0 0;}
      #pricing .colorBg2{background:#c20509;}
      #pricing .colorBg3{background:#eaeaea;}
      #pricing .box li:first-child{  margin:0;}
      #pricing .box li{border-bottom:1px solid #e4e4e4; padding:9px 0px; margin:0 8px; font-size:12px; }
      #pricing .signUp{ margin:25px auto;} #pricing .signUp a{ color:#fff;}
      #pricing .boxCenter .signUp{ margin-top:30px;}
  
  /*-----------------#19 Testimonials--------------------*/
      #clients .testimonials section{ border-bottom:1px solid #ededed; margin-bottom:60px;}
      #clients p{  position:relative; font-size:12px; line-height:18px; padding:0; margin-bottom:10px;}
      #clients .clientDetails{ float:right; padding:15px 0 0;}
      .bdr-spt-right{border-right:1px solid #ededed;}
      #clients .clientDetails figure{ float:left; margin-right:10px;}
      #clients .clientDetails figure img{ float:left;}
      #clients .clientDetails figcaption{ float:right; font-size:12px; margin:-3px 0 0; text-align:left; padding:0 0 0 10px;}
      #clients .clientDetails figcaption span, #clients .clientDetails figcaption p{ font-size:14px; margin:0;}
      #clients .clientDetails figcaption span{font-size:12px; line-height:20px;}
      #clients .left-coln{ position:relative;}
      #clients .left-coln:after{ position:absolute; content:''; border-right:1px solid #ededed; height:100%;  right: -22px; top: 5px; }
      

  /*------------#20 Black Bar-----------*/
  .black-bar{ background:#202020; text-align:center; padding:10px 0; text-transform:uppercase;}
  .black-bar a{ font-size:30px; color:#fff; text-align:center;}
  .black-bar a:hover{ color:#ccc;}
  
  /*------------#21 Address-----------*/
  address p{font-size:12px; line-height:15px; padding-top:10px; text-align: left !important; padding-bottom:0!important;}
  address p span{width:65px; float:left; position:relative;}
  address p span:before{position:absolute; /*content:':';*/ right:8px; top:0;}
  address .padd{ padding-bottom:50px;}


  /*------------#22 Social sharing icons-----------*/
  .share-links { margin: 0;}
  .share-links > ul {  float: left; width: auto;}
  .share-links li { display: inline-block; list-style: none outside none; margin: 0 0 10px 10px; text-indent: -9999px;}
  .share-links a { background-position: 0 -16px; background-repeat: no-repeat; display: block; height: 16px; transition: all 0.2s ease-out 0s; width: 16px;}
  .share-links li.facebook a { background-image: url("../images/facebook-icon-2.png");}
  .share-links li.googleplus a {  background-image: url("../images/googleplus-icon-2.png");}
  .share-links li.twitter a { background-image: url("../images/twitter-icon-2.png");  background-position: 0 -15px; height: 15px; width: 21px; }
  .share-links li a:hover { background-position: 0 0; border:none;}
  .share-links li:first-child{ margin-left:0;}
  
/*---------------Internal Pages Fotmating------------*/



/*--------------- #23 Footer start --------------*/

   footer{ border-top:1px solid #e8e8e8;}
   .int-footer{margin:0; border:none; overflow:hidden;}
   footer #footer-top{ background:#f5f5f5; padding:15px 0; margin:0 auto;}
   footer h3{text-transform:uppercase;}
   footer #footer-top h3{  float:left; }
   footer .caption{ border-bottom:1px solid #e8e8e8; float:left; width:100%; margin:0 0 12px; padding:0 0 3px;}
   footer .links{font-size:10px; line-height:12px; margin:7px 0 0; text-align:right; width:auto; float:right; text-transform:uppercase; }
   .container .left-coln,  .container .right-coln{ float:left; width:450px;  position:relative; }
  
   .container .right-coln{ float:right;}
   .container .spt:before{ position:absolute; content:''; right:-20px; top:0; border-right:1px solid #e8e8e8; height:220px;}
   .container .left-coln li{ display:block; border-bottom:1px solid #e8e8e8; padding-bottom:16px; margin-bottom:16px; float:left; clear:both; width:100%;}
   .container .left-coln li h3{ font-size:18px; color:#343434; line-height:22px;}
   .container .left-coln li img{ float:left; margin-right:15px; height:50px; width:50px;}
   .container .left-coln li span{ font-size:11px; line-height:22px;}
   .container .left-coln li p{  font-size:11px;      }
   .container .left-coln li .comments{  overflow: hidden; white-space: nowrap;  width: 80%; text-overflow:ellipsis;}
   
   .container .left-coln .title{ font-size:14px;}
   .right-coln .slideShow{ width:inherit;  float:left; display:block;  }
   .slideShow{ width:inherit; float:left; }
  
  #footer-top .slideShow .bx-wrapper{ margin:0 auto; }
  #footer-top .slideShow .bx-wrapper .bx-viewport{ box-shadow:none; background:none; border:none; left:0; }
  #footer-top .slideShow .bx-controls-direction{ display:block; position:relative; width:50px; float:right;}
  #footer-top .slideShow .bx-wrapper .bx-pager{ text-align:right; display:none;}
  #footer-top .slideShow .bx-wrapper .bx-controls-direction a{ text-indent:9999px; height:20px; width:20px; margin:0;}
  #footer-top .slideShow li{ display:block; }
  #footer-top .slideShow .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:10px; z-index: 1000;}
  #footer-top .slideShow .bx-wrapper .bx-prev{ background: url(../images/controls.png) no-repeat -2px top;}
  #footer-top .slideShow .bx-wrapper .bx-next{ background: url(../images/controls.png) no-repeat -31px top;}
  
  .right-coln p{  font-size:13px; text-align:justify;}
   .right-coln .client{ float:left; padding:30px 0 0;}
   .right-coln .client img{ float:left; text-align:center; font-size:9px; line-height:54px; margin-right:15px; background:#ccc; height:54px; width:54px;}
   .right-coln .client .name{  font-size:15px; line-height:20px;}
   footer #footer-bottom h3{ color:#fff;}
   footer #footer-bottom{ background:#007dc5; padding:25px 0; color:#fff; margin:0 auto; overflow:hidden;}
   footer #footer-bottom .foot-contact{ width:300px; height:auto;  float:left;}
   footer #footer-bottom .get-in-touch{ width:361px; height:auto; border-right:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15);  float:left;}
   footer #footer-bottom .foot-logo{ height:auto;text-align: left;}
   #footer-bottom .foot-logo a img{ padding:0 0 15px;}
   #footer-bottom .get-in-touch .inner{ margin:0 auto; overflow:hidden; width:245px;}
   #footer-bottom .foot-logo .inner{ margin:0 auto; overflow:hidden; width:220px;font-size:13px;}
  
   footer #footer-bottom p{  font-size:13px; line-height:18px; }
   footer #footer-bottom a { color:#fff; text-decoration:underline;}
   footer #footer-bottom a:hover{ opacity:0.8;}
   footer .bdr-right{ border-right:1px solid #ce373a;}
   footer #footer-bottom .icon{  margin: 10px 0; float:left; clear:both; width:inherit;}
   #footer-bottom .icon a { width:auto; float:left;} 
   #footer-bottom .icon a img{ float:left; text-align:center; margin:0 5px 0 0; }
   #footer-bottom .icon a:hover{ opacity:0.8;}
   #footer-bottom .emailer{width:230px;}
   #footer-bottom .emailer form{ width:inherit; padding:10px 0;}
   #footer-bottom .emailer .input{ background:#fff; color:#505050; font-size:12px; height:34px; padding:0 5px; width:180px; float:left; border:none;}
   #footer-bottom input[type="submit"]{height:34px; width:40px; font-size:15px; color:#fff; background:rgba(0,0,0,.5); border:none; cursor:pointer; padding:0 5px; text-indent:0;}
   #footer-bottom address{ width:260px;}
   
  .footer-menu{padding-top:15px;font-size:13px;}
/*--------------- Footer end --------------*/

/*(#24 Home page 2)-*/ 

  /*-------Welcome Text--------*/ 
  #index2{ position:relative;}
  #index2 .featBox li{ border-bottom:1px solid #eaeaea;}
  #index2 .featBox li:hover{ border-bottom:1px solid #c20509;}
  .welcome-txt{ text-align:center; border-bottom:1px solid #ededed; padding-bottom:35px; margin-bottom:35px;}
  .welcome-txt h1 span{ font-weight:400;}
  .welcome-txt p{ font-size:16px; line-height:25px; padding-top:10px;}
  
  /*-------Featured Work--------*/
  .featured-work{ overflow:hidden;}
  .featured-work h2{ text-transform:uppercase; padding-bottom:12px;}
  .featured-work p{ font-size:14px; text-align:justify; line-height:normal; padding-bottom:5px;}
  .featured-work a{ font-size:12px; text-decoration:underline; text-transform:uppercase;}
  .featured-work figure{ float:left;  width:100%; }
  .featured-work iframe{ width:inherit; }
  .featured-work .txt{ float:right;}
  .featured-work .bx-wrapper .bx-viewport{ box-shadow:none;}
  .featured-work .bx-controls-direction{ display:none;}
  .featured-work .bx-wrapper .bx-pager{ text-align:right;}
  .featured-work .bx-wrapper .bx-pager.bx-default-pager a{ text-indent:9999px;}
  .featured-work .bx-wrapper .bx-pager.bx-default-pager a:hover, .featured-work .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#8D0A0D;}
  .featured-work .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:10px; z-index: 1000;}
  .featured-work .bx-wrapper img{ width:100%}

/*(#25 Home page 3)-*/

  #index3{ position:relative;}
  #index3 .featBox li{ border-bottom:0; padding-bottom:0; cursor:auto;}
  #index3 .featBox li p{ margin-bottom:18px;}
  #index3 .featBox{ overflow:visible; }
  
  .bloghome{ clear:both;  position:relative;}
  .bloghome article{ width:46%; float:left; margin:35px 75px 0 0; }
  .bloghome article figure{ float:left;}
  .article-block{margin:0 auto; padding:30px 0 0;}
  .bloghome article .description{ float:right; width:78%;}
  .bloghome article a{ font-size:12px; text-decoration:underline; font-style:italic;}
  .bloghome article h3{ padding-bottom:10px;}
  .bloghome article p{ font-size:12px; padding-bottom:5px; text-align:justify;}
  article.alignRight{ margin-right:0;}
  .bloghome .see-wrk{ top:22px; right:0;}
  .more-btn{ border:1px solid #eee; font-size:12px; padding:5px 8px;}
  .more-btn:hover{ background:#eee; }
  
  .home-3-testimonials{ background:#f5f5f5; padding:35px 0; text-align:center; font-style:italic; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
  .home-3-testimonials .bx-wrapper{ margin:0; padding:0 30px;  }
  .home-3-testimonials p{ font-size:15px;  color:#7b7b7b;}
  .home-3-testimonials .bx-wrapper .bx-viewport{ box-shadow:none; border:none; background:none;}
  .home-3-testimonials .bx-controls-direction{ display:none;}
  .home-3-testimonials .bx-wrapper .bx-pager{ text-align:center; position:relative;}
  .home-3-testimonials .bx-wrapper .bx-pager.bx-default-pager a{ text-indent:9999px;}
  .home-3-testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .featured-work .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#8D0A0D;}
  .home-3-testimonials .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:0; z-index: 1000;}
  .home-3-testimonials .bx-wrapper img{ width:100%}
  .home-3-testimonials .client{ padding:20px 0 0;}
  .home-3-testimonials .client p{ font-size:14px;}

/*------------(a)Toggle Slide Button---------------------*/
  .text-content{margin:35px auto 0px auto; overflow:hidden; }
  .short-text {overflow: hidden; }
  .full-text{height: auto;}
  .show-more {margin:15px 0; padding:2px 0; text-align: center; border-top:1px solid #eaeaea;}
  .last { margin-right: 0 !important; padding-right: 0;}

/*-------------(b) Top Scroll---------------------------*/
  .scrollup{width:41px; height:43px; text-indent:-9999px; opacity:1; position:fixed; bottom:250px; right:30px; display:none; 
     background: url(../images/icon_top.png) no-repeat; z-index:1000;}


/*------------(c)Skill Bar------------*/
  .percentage{float: right; margin:0; width: 450px; }
  .percentage h4{ text-align:center;}
  .percentage ul{ margin-top:0px; }
  .percentage .bar{ width:0; background:#c20509 ; height:11px; float:left; border-radius:10px;position:relative;   }
  .percentage .txt:first-child{ padding-top:0;}
  .percentage .txt{ padding:10px 0 0 5px; margin-top:-2px; font-weight:bold;  font-size:12px; line-height:18px; background:#fff; border:none; text-align:left;}
  .percentage li {float: left;  list-style:disc; list-style:none\0;  position:relative; text-align:left; background:#f3f3f3; font-size: 13px; margin: 5px 0; 
  height:12px; width:450px; border-radius:10px;  border-top:1px solid #ddd;}
  .percentage .title{ position:absolute; margin-left:-10%;  top:-21px; background:#212121; color:#fff; font-size:11px; border-radius:20px; padding:0px 8px; line-height:18px; }
  .percentage li:before{ position: absolute; content: ""; background: #fff; left: -28px; top: 5px; height: 18px; width: 20px; display: block;} /*for hiding bullets*/

/*error*/
  input.error, textarea.error{ font-size:13px;}
  .error{ font-size:11px; color:#333;}
  div.error{ padding-left:5px;}

  #main-content .container{ min-height:250px;}
  .content{ padding:10px 0;}
  
/*------------(e)map------------*/
 #map a, #map img{outline:none; border:0; max-width:inherit; height:auto;}  
  
/*---------- styleswitcher  ----------*/
.sidePanel{width:597px; position:fixed; left:-248px; top:45%; z-index:9999; }
#panelHandle{ background:url(../images/panelHandle.png) no-repeat top right; height:41px; width:39px;  float:left; cursor:pointer; margin:0; }
#panelContent{ float:left;  width:248px; height:233px; background: rgb(216,216,216); /* Old browsers */ overflow:hidden;}
#panelHandle p {   color: #000; font-size: 24px; font-weight: bold;  margin: 0; padding: 0;font:30px/30px 'AgencyFB'; color:#007cc3; }
.pointer{ left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 128, 211, 0); border-right-color: #fff;border-width: 14px; left: -2.2%; margin-top:104px;}


/***** My code ********/

   .footer-bot1{ background:#1d3144; padding:10px 20px; color:#fff; margin:0 auto; overflow:hidden;font-size:10px;}
   .footer-bot2{ background:#007dc5; padding:10px 20px; color:#fff; margin:0 auto; overflow:hidden;font-size:13px;}
   .action{
    font-size:25px;width: 100%;color:#8ad8ff;padding-top: 13px;
   }
   .location{
    vertical-align:middle;
  }
  a.no-line{
    text-decoration: none !important;
  }
  .active-footer{
    background: rgba(0, 0, 0, 0.2);
    opacity: 0.8;
    color:#fff;
    width:100px;
    padding:5px 10px;
    display: inline-block;
    height:25px;
  }
  .image-container{
    width:100%;
    margin:0 auto;
  }
  .inner-image{
    width:100%;
    margin:0 auto;
  }
  .uppercase{
    text-transform: uppercase;

  }









ul{
  list-style: none;
  font-size: 15px;
  color: #535353;
  padding: 0px;
  margin: 0px;


}


.mainpoint{
padding: 10px 0px;
margin: 0px;
text-align: center;
height: auto;
line-height: auto;
border-bottom: 1px solid #494a5a;
font-size: 12px;
}



.whole{
	display: inline-block;
  
}
.content{
  font-size: 18px;
}


.type{
	width: 230px;
	border-radius: 5px 5px 0px 0px;
	background-color: #f4f4f4;
	height: 130px;
	border-bottom: 3px solid #3eb7fc;

}

.type p{
    font-weight: 800;
	font-size: 29px;
	text-transform: uppercase;
	color: #535353;
	text-align: center;
	padding-top: 10px;

	

}

.plan{
	width: 230px;
	background-color: #f4f4f4;

	border-radius: 0px 0px 5px 5px;
    font-size: 22px;
    color: #535353;
    text-align: center;


}
.plan2{
  width: 230px;
  background-color: #dadada;

  border-radius: 0px 0px 5px 5px;
    font-size: 22px;
    color: #535353;
    text-align: center;


}
.standard{
	background-color: #dadada;
	border-bottom: 3px solid #185273;
}






.header span{
	font-size: 32px;

	
}

.month{
	font-size: 14px;
	color: #fff;
	padding: 0px;
	margin: -10px;
}

.price{
	height:80px;
}

.cart{
  
  color:white;
  position: relative;
  top: 16px;
  
}

.bottom{
  
  
}

.content{
}

.top{
  margin-top:35px;
}

.nodisplay{
  opacity: 0.1;
}

.small-font{
  font-size:12px !important;
  font-style: italic;
}



*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-size:14px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #e8e8e8;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
th{font-weight: bold;}

  .linkfooter{
    color:#fff;
  }
  .linkfooter:hover{
    color:#e5e5e5;
  }