@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url('/themes/custom/serverless/css/desirable/desirable.css'); 
/*------------------------------------------------------------------
[Table of contents]

  1. HEADERS
  2. CONTENTS  
  3. PRICETABLES
  4. TEAM
  5. CONTACTS
  6. PROJECTS
  7. FOOTER
  8. BLOG

+NOTE :for typographic, navigation bar and responsive padding refer to utility.css
+NOTE :for slideshow refer to slideshow.css

-------------------------------------------------------------------*/


/*#####################[   B   E   G  I  N   ]###################*/



/*#####################[   1. HEADER Start  ]###################*/


/*----------------
.header-1004
----------------*/

/*LANGUAGE DROP DOWN*/
.header-1004 .header-top-left .dropdown.open,.header-top-left .dropdown .dropdown-menu li>a:hover,{
    background:transparent;
    color:#16B6EA;
}
.header-1004 .header-top-left .dropdown{
    overflow:visible;
}
.header-1004 .header-top-left .dropdown.open a{
    color:#fff;
}
.header-1004 .header-top-left .dropdown span>i{
    padding:0 0 0 3px;
    vertical-align:middle;
}
.header-1004 .header-top-left .dropdown .dropdown-menu{
    min-width:115px;
    top: 93%;
    padding:0;
    border:1px solid #000;
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    background:#f2f2f2;
    z-index:101;
}
.header-1004 .header-top-left .dropdown .dropdown-menu li{
    padding-right:0;
    text-align:left;
    height:0;
    line-height:0;
    padding:15px 10px;
    float:none;
    display:block;
}
.header-1004 .header-top-left .dropdown .dropdown-menu li>a{
    padding:0;
    line-height:0;
    color:#7c7b7b;
    margin-top: -5px;
}
.header-1004 .header-top-left .dropdown .dropdown-menu li > a > span > img{
    margin-right:8px;
    border:1px solid #fff;
}
.header-1004 ul{
    padding:0;
}
.header-1004 li a .fa.fa-skype {
    font-size: 22px;
}
.header-1004 ul{
    padding:0;
}
.header-1004 .header-top-right li a i{
    transition:all 0.5s ease-in-out 0s;
    -moz-transition:all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    -ms-transition:all 0.5s ease-in-out 0s;
}

.header-1004 .navbar-collapse .navbar-nav>li>a {
    text-align: left;
    color: #7c7b7b;
}
.header-1004 .header-top{
    background:url(./img/background-images/header-footer-bg.jpg) repeat #000;
    width:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-1004 .header-top ul{
    list-style:none;
}
.header-1004 .header-top .navbar{
    min-height:40px;
    padding-left:0;
}
.header-1004 .header-top .header-top-left{
    float:left;
    padding-left:0;
    margin-bottom:0;
}
.header-1004 .header-top-left li a:hover{
    color:#fff;
    transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
}
.header-1004 .header-top .header-top-right{
    padding-left:0;
}
.header-1004 .header-top-left li,.header-top-right li{   
    font-family:Arial;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    padding-right:35px;
    padding-left:0;
    position: relative;
    color:#7c7b7b;
}
.header-1004 .header-top-right li{
    line-height: 50px;
}
.header-1004 .header-top-left li a,.header-top-right li a,.header-top button{
    color:#7c7b7b;
}
.header-1004 .navbar-header .header-top-right li i{
    padding-left:12px;
}
.header-1004 .header-top-left li i{
    padding-right:3px;
}
.header-1004 .header-top-right li a{
    padding-left:0;
    padding-right:0;
    height:auto;
}
.header-1004 .nav > li > a:hover, .nav > li > a:focus{
    background:transparent;
}
.header-1004 .header-top .nav > li > a{
    padding:0;
}
.header-1004 .header-top .nav > li{
    margin:10px 0px 0px;
    padding-left: 7px;
    padding-right: 7px;
}
.header-1004 .header-top .navbar-toggle{
    font-size: 22px;
    margin: 0;
    transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.header-1004 .header-top-left li a{
    font-size:12px;
}
.header-1004 .header-top-left li a i{
    font-size:14px;
}
.header-1004 .header-top-right li a{
    font-size:18px !important;
}
.header-1004 .navbar {
    padding: 0;
}
.header-1004 .navbar a {
    text-transform: capitalize;
}

/*----------------
.header-1003
----------------*/

.header-1003 body {
    font-family: 'Lato',sans-serif;
}
.header-1003 body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}
.header-1003 .section {
    padding: 110px 0;
    position: relative;
}
.header-1003 .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.header-1003 .container {
    max-width: 1200px;
    width: 100%;
}
.header-1003 .row {
    margin-left: -15px;
    margin-right: -15px;
}
.header-1003 .section-title {
    font-family: 'Lato';
    font-size: 26px;
    margin-top: 0;
    text-align: center;
}
.header-1003 p {
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
}
.header-1003 .visible {
    visibility: visible;
}
.header-1003 .animated {
    visibility: visible;
}
.header-1003 .fadeInLeft {
    animation-name: fadeInLeft;
}
.header-1003 .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.header-1003 .text-center {
    text-align: center;
}




/*----------------
.header-1002
----------------*/
.header-1002 .section {
padding: 110px 0px;
position: relative;
}
.header-1002 .container {
width: 100%;
max-width: 1200px;
}
.header-1002 .row {
margin-right: -15px;
margin-left: -15px;
}
.header-1002 .col-sm-3 {
width: 25%;
}
.header-1002 .work-box {
    background: #16b6ea;
width: 100%;
min-height: 337px;
position: relative;
padding: 40px 15px 40px;
text-align: center;
color: #fff;
}
.header-1002 .visible {
visibility: visible;
}
.header-1002 .work-box i {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
font-size: 60px;
}
.header-1002 h3 {
font-size: 20px;
}
.header-1002 .work-box p {
margin-top: 25px;
margin-bottom: 18px;
font-size: 13px;
}
.header-1002 .work-box a {
color: #e3dfdf;
float: right;
font-size: 13px;
}


/*----------------
.header-1001
----------------*/
.header-1001 #tooplate_middle_wrapper1 {
    background: url("https://images.all-free-download.com/free-website-templates-preview/business_template_2477/images/tooplate_banner.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 280px;
    width: 100%;
}

.header-1001 #tooplate_middle_wrapper2 {
    background: url("https://images.all-free-download.com/free-website-templates-preview/business_template_2477/images/ooplate_banner_wrapper.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 280px;
    width: 100%;
}
.header-1001  #tooplate_middle {
    background: url("https://images.all-free-download.com/free-website-templates-preview/business_template_2477/images/tooplate_banner_wrapper.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #c5dcea;
    font-size: 20px;
    height: 220px;
    margin: 0 auto;
    padding: 30px 45px;
    width: 900px;
}
.header-1001 #tooplate_middle h1 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 3px;
    padding: 50px 0 0;
    text-shadow: 1px 1px 1px #555;
}
.header-1001  h1 {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 30px;
    padding: 5px 0;
}
.header-1001 body {
    color: #3a3430;
    font-family: Helvetica,"Trebuchet MS",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}




/*----------------
.header-1000
----------------*/
.header-1000 header {
background: #fff;
text-align: center;
padding: 5em 0 5em 0;
margin: 0;
background: #F8F8F8;
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 17pt;
line-height: 1.75em;
color: #888;

}
.header-1000 .container {
width: 1200px;
}
.header-1000 header h2 {
font-size: 2.25em;
font-weight: 100;
margin-bottom: 0;
}



/*----------------
.header-7
----------------*/
.header-7 .title {
    border: 5px solid #fff;
    padding: 16px 32px;
    display: inline-block;
}
.header-7 .scrolldown{
    width: 100%;
    position: absolute;
    bottom: 20px;
}



/*----------------
 header-9
----------------*/
.header-9 > div {
    height:100%;
    width: 100%; 
}
.header-9 .overlay{
    background-color: rgba(0,0,0,0.3);
}
.header-9 .header-card-img{
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
        box-shadow: 0 1px 9px rgba(0,0,0,0.45);
        max-width: 450px;
        margin: auto;
        padding: 20px;
        
}
.header-9 .header-card-img{
    max-width: 370px;
    padding: 89px 50px;
    
}
.header-9 img{
    max-height: 300px;

}

@media (max-width: 500px) {
.header-9  .header-card-img{
        max-width: 260px;
        padding: 29px 30px;
    }
}




/*----------------
 header-10
----------------*/

.header-10 p{
    font-size: 16px;
    line-height: 1.8;
}
.header-10 >div {
    height:100%;
    width: 100%; 
}
.header-10 .header-card{
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
      box-shadow: 0 1px 9px rgba(0,0,0,0.45);
      max-width: 400px;
      margin: auto;
      padding: 20px 40px;
        
}
@media (max-width: 500px) {
.header-10  .header-card{
        max-width: 260px;
        padding: 29px 20px;
    }
}



/*----------------
 header-11
----------------*/
.header-11{
    font-family: 'Montserrat'
}
.header-11 .title{
    letter-spacing: 10px;
    font-size: 12px;
}
.header-11 p{
    font-size: 16px;
    line-height: 1.8;
}
.header-11 >div {
    height:100%;
    width: 100%; 
}
.header-11 .overlay{
    background-color: rgba(0, 0, 0, 0.5)
}
.header-11 .border-card{
    max-width: 300px;
    border:6px solid #fff;
    padding: 40px 40px 0 40px;
    margin: auto;
}


/*----------------
header-12
----------------*/

.header-12 div[class*='col-']:not(.color-white) {
  padding: 50px 32px;
  opacity: 0.97;
}



/*----------------
header-13
----------------*/
.header-13 .absolute {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.header-13 a {
  margin-left: 15px;
}


/*
/*style begins*/

/*----------------
.header-15
----------------*/

.header-15 .subtitle {
  opacity: 0.85;
}

/*#####################[   HEADER End  ]###################*/

/*#####################[   2. CONTENTS Start  ]###################*/

/*----------------
content-2008     
----------------*/
.content-2008 .owl-carousel{
    display: block !important;
}
.content-2008 .owl-item{
    float: right !important;
}
.content-2008 #content .container {
position: relative;
}
.content-2008 .heading-block {
margin-bottom: 50px;
}
.content-2008 .center {
text-align: center !important;
}
.content-2008 .heading-block.center:after,.content-2008  .heading-block.title-center:after {
margin: 30px auto 0;
}
.content-2008 .heading-block:after {
content: '';
display: block;
margin-top: 30px;
width: 40px;
border-top: 2px solid #444;
}
.content-2008 ::selection {
background: #1ABC9C;
color: #FFF;
text-shadow: none;
}
.content-2008 .heading-block h3 {
font-size: 26px;
}
.content-2008 .heading-block h3{
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}
.content-2008 h3 {
font-size: 24px;
color: #444;
font-weight: 600;
line-height: 1.5;
margin: 0 0 30px 0;
font-family: 'Raleway', sans-serif;
}
.content-2008 h3 > span:not(.nocolor){
  color: #1ABC9C;
}
.content-2008 .heading-block.center > span {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.content-2008 .heading-block > span:not(.before-heading) {
display: block;
margin-top: 10px;
font-weight: 300;
color: #777;
}
.content-2008 .heading-block h3 + span {
font-size: 20px;
}
.content-2008 .heading-block.center:after, .heading-block.title-center:after {
margin: 30px auto 0;
}
.content-2008 .heading-block:after {
content: '';
display: block;
margin-top: 30px;
width: 40px;
border-top: 2px solid #444;
}
.content-2008 .iportfolio {
position: relative;
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.content-2008 .iportfolio .portfolio-image,.content-2008  .iportfolio .portfolio-image a,.content-2008  .iportfolio .portfolio-image img {
display: block;
width: 100%;
height: auto;
}
.content-2008 .owl-carousel .owl-item img {
transform-style: preserve-3d;
}
.content-2008 .owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.content-2008 a img {
border: none;
}
.content-2008 img {
max-width: 100%;
}
.content-2008  .portfolio-overlay {
-webkit-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}
.content-2008 .iportfolio .portfolio-overlay {
height: 100% !important;
}
.content-2008 .portfolio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
text-align: center;
background-color: rgba(0,0,0,0.5);
}
.content-2008 [class^="icon-line-"] {
font-family: 'lined-icons';
}
.content-2008 [class^="icon-"],.content-2008  [class^="icon-line-"]{
display: inline-block;
font-family: 'font-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.content-2008 .icon-line-plus:before {
content: "\e114";
}
.content-2008 .portfolio-nomargin .portfolio-desc {
padding: 15px 10px 15px;
}
.content-2008 .portfolio-desc {
z-index: 3;
padding: 15px 5px 10px;
}
.content-2008 .portfolio-desc h3 {
margin: 0;
padding: 0;
font-size: 19px;
}
.content-2008 h3 {
color: #444;
font-weight: 600;
line-height: 1.5;
margin: 0 0 30px 0;
font-family: 'Raleway', sans-serif;
}
.content-2008 .portfolio-desc h3 a {
color: #222;
}
.content-2008 a {
text-decoration: none !important;
color: #1ABC9C;
}
.content-2008 .portfolio-desc span {
display: block;
margin-top: 3px;
color: #888;
}
.content-2008 .portfolio-desc span a {
color: #888;
}

/*----------------
contents-1017
----------------*/

.contents-1017 .sk-div {
    float: left;
    width: 200px;
}
.contents-1017 .price-carousel-slider {
    padding-left: 90px;
}
.contents-1017 .section {
    padding: 110px 0px;
    position: relative;
}

.contents-1017 .know-about-us-section .sub-title{
    color:#696868;
}
.contents-1017 .know-about-us-section h2{
    text-align:center;
}
.contents-1017 .know-about-us-section h3{
    font-size:14px;
    line-height:0;
    color:#000;
}
.contents-1017 .collapse.in .tap-section, .panel-default > .panel-heading{
    border-bottom:none;
}
.contents-1017 .know-about-us-section .panel, panel-default{
     border-radius: 0px;
     box-shadow:none;
     border-color:#c0c0c0;
}
.contents-1017 .tap-section .panel-heading .panel-title > a{
    position:relative;
    display:block;
}

.contents-1017 .tap-section .panel-heading .accordion-toggle:before {
    font-family: "fontawesome";
    content: "\f068";
    color: #fff;
    position:absolute;
    right:7px;
    width:27px;
    height:25px;
    text-align:center;
    top:8px;
    line-height:25px;
    z-index:2;
}
.contents-1017 .tap-section .panel-heading .collapsed.accordion-toggle:before {
    content: "\f067";
}
.contents-1017 .tap-section p{
    font-family:Arial;
    color:#696868;
    margin: -18px auto 0;
    border-top:1px solid  #c0c0c0;
    padding-top:10px;
}
.contents-1017 .tap-section, .panel-default > .panel-heading {
    background:none;
}
.contents-1017 .panel-heading{
    padding: 1px 11px 9px;
    position:relative;
}
.contents-1017 .tap-section, .panel-group .panel{
    margin-bottom:20px;
}
.contents-1017 .tap-section, .panel-group .panel-heading + .panel-collapse > .panel-body{
    border:none;
}
.contents-1017 .skill-counter-section {
    padding-left: 0;
}
.contents-1017 .skill-counter-section li{
    list-style:none;
}
.contents-1017 .skill-counter-section .progress {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    height: 15px;
    margin-bottom: 32px;
}
.contents-1017 .skill-counter-section h3, .skill-counter-section span{
    font-weight:600;
    font-size:13px;
    line-height:0.1;
}
.contents-1017 .skill-counter-section span{
    color:#000000;
    text-align:right;
    display:block;
    font-size:13px;
}
.contents-1017 .skill-counter-section .progress{
    background:#e1e1e1;
    position:relative;
}
.contents-1017 .skill-counter-section .progress-bar{
    box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    position:relative;
}

/* Skill Counter Section( Round Piechart ) */
/*remove-css*/
.contents-1017 .progress-image{
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 152px;
    margin: 0 auto 10px;
    width: 152px;
}
.contents-1017  #remove-div{
    display: block;
}

.contents-1017  #skill-slider{
    display: none;
}

.contents-1017 .progress-image .piechart{
    margin: 0px;
}
.contents-1017 .progress-block li{
    display: inline-block;
    width: 220px;
    text-align:center;
}
.progress-block{
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}
.contents-1017 .progress-image  .piechart span {
    border-radius: 100%;
    color: #ffffff;
    display: block;
    font-family: 'Lato';
    font-size: 40px;
    font-weight: 500;
    height: auto;
    left: 0;
    line-height: 150px;
    margin-bottom: 25px;
    margin-left: 0;
    position: inherit;
    top: 0;
    width: 162px;
    z-index: 2;
}
.contents-1017 .first-loader{
    background-image: url("../img/loader-1.png");
    background-size: 52% auto;
}
.contents-1017 .second-loader{
    background-image: url("../img/loader-2.png");
    background-size: 91% auto;
}

.contents-1017 .third-loader{
    background-image: url("../img/loader-3.png");
}
.contents-1017 .fourth-loader{
    background-image: url("../img/loader-6.png");
}
.contents-1017 .fifth-loader{
    background-image: url("../img/loader-7.png");
}

/*end remove-css*/


.contents-1017 .skill{
    background:url(../img/background-images/skill-bg.jpg) 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.contents-1017 .skill h3,.skill h2{
    text-align:center;
}
.contents-1017 .skill p{
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding:0 14% 15px;
}
.contents-1017 .piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 31px auto -24px;
    width: 100%;
}
.contents-1017 .skill .counter-description {
    font-size:14px;
    font-family:'Lato';
    padding:0 16%;
}
.contents-1017 .piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -70px;
    color: #E26853;
}
.contents-1017 .piechart span {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #FFFFFF;
    font-family: 'Lato';
    display: block;
    font-size: 42px;
    font-weight:500;
    height: 162px;
    left: 46%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: -26px;
    width: 162px;
    z-index: 2;
}
.contents-1017 .piechart span:after {
    content: '%';
    font-size: 42px;
}



/*----------------
contents-1016
----------------*/

.contents-1016 #register{
    position:relative;
    background:url(./img/background-images/register.jpg) no-repeat fixed;
    padding-top:170px;
    background-position: center;
}
.contents-1016 #register:after{
    background:rgba(0, 0, 0, 0.8);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.contents-1016 #register .register-container{
    text-align:center;
    padding:100px 0;
    position:relative;
    z-index:99;
}
.contents-1016 .register-container h1{
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-transform:capitalize;
}
.contents-1016 .register-container p{
    color:#fff;
    text-align:center;
    max-width:850px;
    margin:0 auto 50px;
    font-size: 13px;
}
.contents-1016 .register-features h3{
    font-size:17px;
    text-align:left;
    color:#fff;
    margin:0 0 30px;
}
.contents-1016 .register-features ul{
    list-style:none;
    padding:0;
}
.contents-1016 .register-features ul li{
    padding-left:65px;
    text-align:left;
    position:relative;
    margin-bottom:40px;
}
.contents-1016 .register-features ul li i {
    color: #fff;
    font-size: 30px;
    line-height:45px;
    overflow:hidden;
    text-align:center;
    width:50px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.contents-1016 .register-features ul li i:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.contents-1016 .register-features iframe{
    margin-bottom:20px;
}
.contents-1016 .register-container .register-features ul li > p{
    text-align:left;
}
.contents-1016 .register-form-block h3{
    text-align:left;
    color:#fff;
    margin:0 0 30px;
    font-size: 20px;
}
.contents-1016 .register-form .form-group{
    margin-left: 0;
    margin-right: 0;
    margin-bottom:30px;
}   
.contents-1016 .register-form .form-group .form-control{
    background:transparent;
    box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    -webkit-box-shadow:none;
    border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    -webkit-border-radius:0;
    color:#fff;
    width:100%;
}
.contents-1016 .register-form .btn{
    width:100%;
    margin:0;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
}
.contents-1016 .form-horizontal.register-form .has-feedback .form-control-feedback {
    line-height: 30px;
    right: 0;
}
.contents-1016 .register-form .btn:hover {
    color: #16b6ea;
    background: #000;
}


/*----------------
contents-1015
----------------*/

.contents-1015 .button a {
    color: #ffffff;
    display: block;
}

.contents-1015 .button a:hover {
    color: #ffff;
}

.contents-1015 .pricing .price-box li {
    list-style-type: none;
    color: #757474;
    padding: 10px 0px;
    margin: 0px 20px;
    border-bottom: 1px solid #dcdcdc;
}

.contents-1015 .pricing .price-box .price {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 20px;
    padding: 28px 0 10px;
}

.contents-1015 .pricing .price-box {
    text-align: center;
}

.contents-1015 .pricing .price-box {
    position: relative;
    text-align: center;
}

.contents-1015 .owl-item {
    overflow: hidden;
}

.contents-1015 .section {
    padding: 110px 0;
    position: relative;
}

.contents-1015 .section-title {
    /*font-family: 'Lato';*/
    font-size: 26px;
    margin-top: 0;
    text-align: center;
}

.contents-1015 .container {
    max-width: 1200px;
    width: 100%;
}

.contents-1015 .pricing .sub-title {
    color: #696868;
    padding-left: 26.5%;
    padding-right: 26%;
    font-family: "Karla","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.contents-1015 .sub-title {
    color: #7e7e7e;
    font-family: 'Lato';
    font-size: 14px;
    margin: 0;
    padding: 0 5% 45px;
    text-align: center;
}

.contents-1015 .pricing .price-item {
    margin:0;
}
.contents-1015 .pricing .sub-title{
    color:#696868;
    padding-left:26.5%;
    padding-right:26%;
}
.contents-1015 .pricing .price-box .price-box-inner{
    border:1px solid #dcdcdc;
    border-top:hidden;
}
.contents-1015 .pricing .price-box{
    text-align:center;
    position:relative;
}

.contents-1015 .pricing .price-box .price-category h3{
    padding-bottom:20px;
    margin-bottom:0px;
    font-size:20px;
}

.contents-1015 .pricing .price-box .premium{
    color:#FFFFFF;
}

.contents-1015 .pricing .price-box .currency{
    font-size:45px;
    font-family:"Lato";
    margin-bottom:11px;
}
.contents-1015 .pricing .price-box .time-period{
    color:#c7c7c7;
    font-family:"Lato";
}
.contents-1015 .pricing .price-box ul{
    padding-left:0px;
}
.contents-1015 .pricing .price-box .order-now{
    margin:0px 20px;
    padding:5px 0px 15px; 
}
.contents-1015 .pricing .price-box .button:hover{
    background:#2e2e2e;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
}
.contents-1015 .pricing .owl-buttons{
    display:none;
}
.contents-1015 .pricing .button{
    width:230px;
    max-width:100%;
    padding:10px 14px;
    font-family:"Lato";
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
     margin: 0 auto;
}

.contents-1015 .button {
    border: 0 none;
    font-size: 15px;
    padding: 7px;
    text-align: center;
}






/*----------------
contents-1014
----------------*/

.contents-1014 .section {
    padding: 110px 0px;
    position: relative;
}

.contents-1014 .section-title {
    font-size: 26px;
    text-align: center;
    margin-top: 0px;
}

.contents-1014 .features-section .next-features{
    margin-top:23px;
}
.contents-1014 .features-section .content-title{
    font-size: 22px;
    text-align: center;
    font-family: 'Lato';
}
.contents-1014 .features-section .sub-title{
    padding:0 18%;
}
.contents-1014 .features-section p{
    font-family: 'Lato';
    font-size:14px;
    margin-bottom:50px;
    color: #696868;
}
.contents-1014 .features-section .feature-icon {
    color: #ffffff;
    font-size: 33px;
    padding:0px;
    text-align: center;
    margin: 8px auto 0;
    position: relative;
} 
.contents-1014 .features-section i{
    width:70px;
    height: 58px;
    display: block;
    line-height: 58px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}


.contents-1013 .site-logo, .menu-bar .navbar-header, .navbar-right {
    float: none;
    text-align: center;
}
.contents-1013 .menu-bar .navbar-nav > li > a:hover {
    color: #fff;
}
.contents-1013 .menu-active{
    background-color: #16B6EA;
}

.contents-1013 .menu-bar .navbar-right {
    float: none !important;
}

.contents-1013 .navbar-header a span.logo-style {
    color: #ffffff;
    display: inline-block;
    line-height: 45px;
    margin-right: -2px;
    max-height: 45px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    position: relative;
    text-align: right;

}

.contents-1013 .navbar-header a {
    font-size: 40px;
    position: relative;
    margin: 0 auto;
    text-transform: capitalize;
    letter-spacing: -1px;
}

.contents-1013 .menu-bar .navbar-header:after {
    background: none repeat scroll 0 0 #bebebe;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}



.contents-1013 .menu-bar .navbar-nav > li > a {
    font-size: 16px;
    color: #7b7a7a;
    text-transform: uppercase;
    text-align: center;
}


.contents-1013 .menu-bar .navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
}

.contents-1013 .menu-bar .navbar-nav > li > a {
    line-height: 48px;
}

.contents-1013 .site-logo {
    padding: 15px 0;
}


.contents-1013 .site-logo, .menu-bar .navbar-header, .navbar-right {
    float: none;
    text-align: center;
}

.navbar-right {
    padding: 0 0 0 150px;
}



/*----------------
contents-1012
----------------*/


.contents-1012 .color-white{ 
    color:#fff;
}

.contents-1012 .section-title {
    /*font-family: 'Lato';*/
    font-size: 26px;
    margin-top: 0;
    text-align: center;
}


.contents-1012 .section {
    padding: 110px 0;
    position: relative;
}

.contents-1012 .parallax-overlay{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}


.contents-1012 .video-section { 
    background:url(./img/background-images/video-bg.jpg) 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.contents-1012 .video-section .video-title{
    font-size:20px;
    margin:0 auto 30px;
}
.contents-1012 .video-section .sub-title{
    padding-bottom:43px;
}
    
.contents-1012 .video-section iframe{
    margin-top:0px !important;
}
.contents-1012 .video-section ul li p{
    font-size:15px;
    padding:5px 0 0;
    margin:0;
}
.contents-1012 .video-section .button {
    font-size: 18px;
    padding: 3px 0 3px 0;
    text-align: center;
    border: 0 none;
    max-width: 100%;
    width: 200px;
    height:35px;
    margin-top:23px;
    font-family: 'Lato';
    color:#FFFFFF;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}
.contents-1012 .video-section .button:hover{
    background: none repeat scroll 0 0 transparent;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}
.contents-1012 .video-section ul {
    padding:0;
}
.contents-1012 .video-section ul li i{
    float:left;
    font-size:33px;
    margin:5px 10px 0 0;
}
.contents-1012 .video-section iframe{
    height:330px;
    width:100%;
}
.contents-1012 .video-section ul li i.flaticon-share4{
    font-size:28px;
    margin:6px 18px auto auto;
}
.contents-1012 .video-section li {
    margin:10px 0;
    list-style:none;
    clear:both;
}
.contents-1012 .video-section li:hover i {
    text-align:center;
}
.contents-1012 .video-bg { 
    border-radius: 6px;
    height:310px;
    position: relative;
}
.contents-1012 .video-part{
    float:right;
}
.contents-1012 .video-description{
    color:#fff;
}





/*----------------
contents-1011
----------------*/
/*.contents-1011 p {
    font-family: Arial;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased !important;
}*/
.contents-1011 .section .owl-controls .owl-buttons div:hover i {
    color: #FFFFFF !important;
}

.contents-1011 .section .owl-buttons .owl-next {
    right: -5%;
}

.contents-1011 .section .owl-buttons .owl-prev {
    left: -5%;
}

.contents-1011 .section .owl-controls .owl-buttons div {
    font-size: 20px;
    opacity: 1;
    width: 40px;
    height: 45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    position: absolute;
    padding: 11px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.contents-1011 .section .owl-buttons {
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}


.contents-1011 .section {
    padding: 110px 0px;
    position: relative;
}


.blog-section .sub-title{
    color:#696868;
    padding:0 15% 45px
}
.blog-section .blog-item{
    margin:0 15px;
}
.blog-section .blog-pic{
    position:relative;
    margin-bottom:10px;
}
.blog-section .date{
    background:url(./img/blog-section/date.png) no-repeat;
    position:absolute;
    bottom:6px;
    right:5px;
    width:51px;
    height:62px;
    color:#fff;
}
.blog-section .date h3{
    font-family: 'Lato';
    font-size: 22px;
    margin:10px 0 0;
    text-align: center;
}
.blog-section .date p{
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1;
    text-align: center;
}
.blog-section .blog-content > h3{
    font-size: 18px;
    margin-bottom:5px;
    margin-top: 0;
}
.blog-section .blog-content > p{
    color:#848484;
    margin-bottom:5px;
}
.blog-section .blog-content > p >span{
    margin-left:30px;
}
.blog-section .blog-content > a{
    font-size: 16px;
}
.blog-section .blog-content > a:hover{
    text-decoration:underline;
}
/* CONTACT SETAILS SECTION  */
.contact-details-section{
    background:url("./img/background-images/contact-details-bg.jpg") 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position:relative;
}



/*----------------
contents-1010
----------------*/

.contents-1010 .sub-title {
    font-size: 14px;
}
.contents-1010 .section-title {
    font-size: 26px;
    text-align: center;
    margin-top: 0px;
}
.contents-1010 .counter-block .counter .number {
    margin-top: 23px;
}

.contents-1010 .counter-block .counter {
  position: relative;
  width: 85px;
  height: 70px;
  font-family: Iceberg, sans-serif;
  border:2px solid;
 border-color: #16b6ea;
}


.contents-1010 .section {
    padding: 110px 0px;
    position: relative;
}

.contents-1010 .parallax-overlay{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.contents-1010 .counter-block .counter-caption {
    font-family: 'Lato';
    font-weight: 300;
    font-size: 15px;
    color: #444;
    text-transform: capitalize;
    text-align: left;
    margin-top: 3px;
}
.contents-1010 .timer{
    background:url("./img/background-images/timer-bg.jpg") bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.contents-1010 .timer .sub-title{
    padding:0 21% 30px;
}
.contents-1010 .timer .btn.get-discount {
    max-width: 430px;
    width: 100%;
    height: 45px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    display: block;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Lato';
}
.contents-1010 .timer .btn.get-discount:hover{
    background:transparent;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
}



/*----------------
contents-1009
----------------*/

.contents-1009 .section{
    padding:110px 0px;
    position:relative;
}

.contents-1009 .section-title {
    font-size: 26px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin-top: 0px;
}

.contents-1009 .sub-title {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    padding: 0px 5% 45px;
    margin: 0px;
    text-align: center;
    color: #7e7e7e;
}

.contents-1009 .customer-support-section p {
    padding:0 7% 15px;
    color:#696868;
    font-family: 'Lato', sans-serif;
}
.contents-1009 .customer-support-section .input-group{
    margin:10px auto 30px;
}
.contents-1009 .customer-support-section .contact-boxes .form-control .message-box{
    height:36px;
}
.contents-1009 .customer-support-section .input-group .input-group-addon:first-child {
    background:#fff;
    border-radius:0px;
    padding:0 0 0 10px;
    font-size:22px;
    border-right:0px;
}
.contents-1009 .customer-support-section .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
    border-left:0px;
    border-radius:0px;
    
}
.contents-1009 .customer-support-section .form-control{
    border-left:0px;
}
.contents-1009 .customer-support-section .form-control:focus{
    box-shadow:none;
    outline:none;
}
.contents-1009 .customer-support-section .form-control::-moz-placeholder,.customer-support-section input, button, select, textarea{
    color:#696868;
    font-family:'Lato';
}
.contents-1009 .contact-form-horizontal .has-feedback .form-control-feedback{
    right:20px;
    padding-top:9px;
}
.contents-1009 .customer-support-section .form-control{
    border-radius:0px;
}
.contents-1009 input{
    font-family: 'Lato', sans-serif;
}
.contents-1009 .customer-support-section .send-btn .send-button{
    border-radius: 0px;
    text-transform: initial;
    padding: 0 15px;
    display: block;
    min-height: 37px;
    color: #FFFFFF;
    width: 370px;
    max-width: 100%;
    font-size: 16px;
    margin: 15px auto 0;
    font-family: 'Lato', sans-serif;
    
}
.contents-1009 .customer-support-section .comment-message{
    font-family:'Lato';
    font-size:15px;
    text-align:center;
}
.contents-1009 .customer-support-section .send-btn .send-button:hover{
    background:transparent;
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
}





/*----------------
contents-1008
----------------*/

.contents-1008 .sub-title {
    font-size: 14px;
    font-family: 'Lato';
    padding: 0px 5% 45px;
    margin: 0px;
    text-align: center;
    color: #7e7e7e;
}


.contents-1008 .owl-controls .owl-buttons div:hover{
    background-color:#16B5EC;
    color: #fff;
}
.contents-1008 .section .owl-controls .owl-buttons div:hover i{
    color: #fff;
}

.contents-1008 .section{
    padding:110px 0px;
    position:relative;
}

.contents-1008 .section .owl-buttons .owl-prev {
    left: -5%;
}

.contents-1008 .section .owl-buttons {
    text-align: center;
}

.contents-1008 .section .owl-buttons {
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}

.contents-1008 .partners-section .owl-buttons {
    top: 0;
}
.contents-1008 .partners-section .sub-title {
    padding: 0 18% 45px;
}
.contents-1008 .owl-controls .owl-buttons div {
    font-size:20px;
    opacity:1;
    width:40px;
    height:45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    position:absolute;
    padding:8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #16B5EC;
    line-height: 30px;
}


.contents-1008 .section .owl-controls .owl-page span {
    border-radius: 0;
    background:#CBCBCB;
}
.contents-1008 .section .owl-buttons {
    position: absolute;
    top: 6%;
    text-align:center;
    width: 100%;
}
.contents-1008 .section .owl-buttons i{
    text-align:center;
}
.contents-1008 .section .owl-buttons .owl-prev{
    left:-5%;
}
.contents-1008 .section .owl-buttons .owl-next{
    right:-5%;
}


/*----------------
contents-1007
----------------*/
.contents-1007 .section-title {
    font-size: 26px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    margin-top: 0px;
}
.contents-1007 .your-work-section .owl-controls .owl-page.active span{
    background-color: rgba(35, 181, 194, 0.9);

}
.contents-1007 .sub-title {
    font-size: 14px;
    font-family: 'Lato';
    padding: 0px 5% 45px;
    margin: 0px;
    text-align: center;
    font-family: 'Lato', sans-serif;

}
.contents-1007 .parallax-overlay{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.contents-1007 .your-work-section{
    background:url("./img/background-images/work-bg.jpg") 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:109px 0px;
}
.contents-1007 .work-section-inner {
    padding: 30px 0;
}
.contents-1007 .your-work-section .owl-item:hover .mask {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
}
.contents-1007 .owl-item {
    overflow: hidden;
}
.contents-1007 .screen-item {
    margin: 0 15px;
    position: relative;
}
.contents-1007 .owl-item .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    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;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    padding-top: 5%;
}
.contents-1007 .owl-item .mask h3, .mask .date{
    font-family: 'Lato';
    font-size:19px;
}
.contents-1007 .owl-item .mask .date{
    font-size:14px;
}
.contents-1007 .color-white{ 
    color:#fff;
}
.contents-1007 .mask-top{
    margin:15px auto;
}
.contents-1007 .mask-links a .fa {
    font-size: 20px;
}
.contents-1007 .your-work-section .screen-item .mask-links li {
    list-style:none;
    float:left;
}
.contents-1007 .zoom.work-control, .link.work-control{
    font-size: 17px;
    text-align: center;
    background:#FFF;
    border:1px solid #FFF;
    border-bottom:none;
    text-shadow:none;
    position:absolute;
    opacity:1;
    margin: 0 -4px;
    line-height: 48px;
    height: 48px;
    width: 48px;
}
.contents-1007 .zoom.work-control:after, .link.work-control:after {
    border-left: 47px solid rgba(0, 0, 0, 0);
    border-top: 12px solid #fff;
    content: "";
    height: inherit;
    left: 0;
    position: absolute;
    top: 100%;
    transform: scale(0.9999);
    width: 100%;
}
.contents-1007 .zoom.work-control {
    left:35%;
}
.contents-1007 .link.work-control{ 
    right:35%;
}
.contents-1007 .zoom.work-control:hover, .link.work-control:hover{
    -webkit-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    -ms-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:1.5s;
    -o-animation-name:1.5s;
    -ms-animation-name:1.5s;
    -moz-animation-name:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    -o-animation-name:both;
    -ms-animation-name:both;
    -moz-animation-name:both;
    animation-fill-mode:both;
}
.contents-1007 .your-work-section .owl-buttons{
    top:40%;
}
/* Owl Pagination Controls */
.contents-1007 .your-work-section .owl-pagination{
    text-align:center;
    margin-top:21px;
}
.contents-1007 .your-work-section .owl-controls .owl-page {
    display:inline-block;
}
.contents-1007 .your-work-section .owl-controls .owl-page span{
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    border-radius:1px;
}

/* Common Slider Controls */
.contents-1007 .section .owl-controls .owl-page span {
    border-radius: 0;
    background:#CBCBCB;
}
.contents-1007 .section .owl-buttons {
    position: absolute;
    top: 30%;
    text-align:center;
    width: 100%;
}
.contents-1007 .section .owl-buttons i{
    text-align:center;
}
.contents-1007 .section .owl-controls .owl-buttons div {
    font-size:20px;
    opacity:1;
    width:40px;
    height:45px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    position:absolute;
    padding:8px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #16B5EC;
    line-height: 30px;
}
.contents-1007 .section .owl-buttons .owl-prev{
    left:-5%;
}
.contents-1007 .section .owl-buttons .owl-next{
    right:-5%;
}

.contents-1007 .section .owl-controls .owl-buttons div:hover i{
    color:#FFFFFF !important;
}

/*----------------
content-1006
----------------*/
.content-1006 .parallax-overlay{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.content-1006 .section{
    padding:100px 0px;
    position:relative;
}

.content-1006 .about-us-content-section{
    background:url(img/background-images/video-bg.jpg) 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.content-1006 .about-us-content-section h2{
    color:#FFFFFF;
    text-align:center;
    margin:0 auto;
    font-size:25px;
}
.content-1006 .about-content{
    margin-top:45px;
}
.content-1006 .about-us-content-section .img-wrapper{
    border-bottom: 2px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    -webkit-transform: skewY(3deg);
    transform-origin: right bottom 0;
    -moz-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
    -o-transform-origin: right bottom 0;
    -webkit-transform-origin: right bottom 0;
    overflow:hidden;
    margin-top:45px;
}
.content-1006 .about-us-content-section .img-wrapper img{
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    -webkit-transform: skewY(-3deg);
    transform-origin: right bottom 0;
    -moz-transform-origin: right bottom 0;
    -ms-transform-origin: right bottom 0;
    -o-transform-origin: right bottom 0;
    -webkit-transform-origin: right bottom 0;
    width:100%;
}
.content-1006 .about-content h3{
    color:#FFFFFF;
    margin-top:-5px;
    margin-bottom:15px;
}
.content-1006 .about-content p{
    color:#FFFFFF;
    font-size:14px;
    margin-bottom:20px;
}
.content-1006 .about-content img{
    margin:0 auto;
}

/*----------------
content-1005
----------------*/
.content-1005  #google_calendar {
    margin: 30px;
}
.content-1005 .hr {
    width: 40px;
    margin: auto;
}
@media only screen and (max-width: 991px) {
    .content-1005.full-height {
        height: 200%;
    }
    .content-1005 .mobile-block {
        height: 50%;
    }
}


/*----------------
content-1004
----------------*/
.content-1004 .contact-details-section {
background: url(img/background-images/contact-details-bg.jpg) 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
position: relative;
}
.content-1004 .section {
padding: 110px 0px;
position: relative;
}
.content-1004 .parallax-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.content-1004 .container {
width: 100%;
max-width: 1200px;
}
.content-1004 .contact-details-section .sub-title,.content-1004  .contact-details-section .section-title {
color: #ffffff;
}
.content-1004 .section-title {
font-size: 26px;
font-family: 'Lato';
text-align: center;
margin-top: 0px;
}
.content-1004 .visible {
visibility: visible;
}
.content-1004 .contact-details-section .sub-title {
padding: 0 14%;
}
.content-1004 .contact-details-section .sub-title,.content-1004  .contact-details-section .section-title {
color: #ffffff;
}

.content-1004 .contact-details-section .datail-box .detail-title {
position: relative;
}
.content-1004 .contact-details-section .datail-box h3 {
margin: 0;
padding: 12px;
color: #ffffff;
text-transform: capitalize;
}
.content-1004 h3 {
font-size: 20px;
}
.content-1004 h1,.content-1004  h2,.content-1004  h3 {
font-family: 'Lato', sans-serif;
}
.content-1004 .contact-details-section .datail-box .detail-content {
padding: 25px 0 15px 20px;
}
.content-1004 .contact-details-section .detail-content h4 {
margin: 0 0 2px;
color: #ffffff;
text-transform: capitalize;
font-family: 'Lato';
font-size: 16px;
}
.content-1004 .contact-details-section .detail-content p {
margin: 0 0 15px;
color: #a7a6a6;
font-family: Arial;
text-transform: capitalize;
font-size: 13.5px;
}
.content-1004 .sub-title {
font-size: 14px;
font-family: 'Lato';
padding: 0px 5% 45px;
margin: 0px;
text-align: center;
color: #7e7e7e;
}
.content-1004 .contact-details-section .datail-box .detail-title{
  background: #16b6ea;
}
.content-1004 .contact-details-section .datail-box {
  border: 1px solid rgb(22, 181, 236);
  margin: 48px auto 0;
}

/*----------------
content-1003
----------------*/
.content-1003 .timer {
background: url(img/background-images/timer-bg.jpg) bottom fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.content-1003 .section {
padding: 110px 0px;
position: relative;
}
.content-1003 .parallax-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.content-1003 .container {
width: 100%;
max-width: 1200px;
}
.content-1003 .color-white {
color: #fff;
}
.content-1003 .section-title {
font-size: 26px;
font-family: 'Lato';
text-align: center;
margin-top: 0px;
}
.content-1003 .visible {
visibility: visible;
}
.content-1003 .animated {
visibility: visible;
}
.content-1003 .timer .sub-title {
padding: 0 21% 30px;
}
.content-1003 .color-white {
color: #fff;
}
.content-1003 .sub-title {
font-size: 14px;
font-family: 'Lato';
padding: 0px 5% 45px;
margin: 0px;
text-align: center;
color: #7e7e7e;
}



/*----------------
content-1002
----------------*/
.content-1002 .review-section .owl-carousel .client a:hover {
text-decoration: underline;
}
.content-1002 .review-section .owl-carousel .client a {
font-style: normal;
font-size: 12px;
text-align: center;
display: block;
}
.section .owl-controls .owl-buttons div i, .site-logo a, .left.carousel-control, .right.carousel-control, .carousel-caption h1, .carousel-caption .btn:hover, .video-section li:hover i, .pricing .price-box .currency, .social-team li:hover .fa, .team-section .team-item .name, .development .nav-tabs > li > a, .right-tab .tabs .tab-content a, .testimonials-section .name, .footer-section .latest-post li a:hover, .copy-rights-section p, .copy-rights-section a, .footer-section a:hover, .copy-rights-bg .social-icon a:hover, #projects .page-desc-section h2, #projects .page-desc-section .page-desc:before, #projects .your-works-section ul.work-pagination li a:hover, #projects .your-works-section ul.work-pagination a:focus, #projects .your-works-section ul.work-pagination li a:active, #projects .your-works-section .work-pagination li.preview:hover .fa, #projects .your-works-section .work-pagination li.next:hover .fa, #single-projects .page-desc-section .page-desc:before, #single-projects .section .owl-buttons i, .page-desc-section h2, #about-us .know-about-us-section h3, #about-us .review-section a:hover, #blog .page-desc-section .page-desc:before, .blog-post .thumbnail .btn:hover, .blog-post .post-details i, .flex-prev, .flex-next, .flex-direction-nav a:before, .blog-post .pagination > li:first-child > a, .blog-post .pagination > li:first-child > span, .blog-post .pagination > li:last-child > a, .blog-post .pagination > li:last-child > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .about-author h3, .comment a, .comment-form .input-group-addon i, #services .page-desc-section .page-desc:before, .page-desc-section h2, .page-desc-section .page-desc:before, .customer-support-section .input-group .input-group-addon:first-child, .footer-section .latest-post li a:hover, .page-desc-section .page-desc:before, #single-projects .single-item-section .project-details h4, .zoom.work-control, .link.work-control, #projects .your-works-section .zoom.work-control, #projects .your-works-section .link.work-control, .customer-support-section .send-btn .send-button:hover, #about-us .panel-heading a.collapsed h3, .review-section .owl-carousel .client a, .blog-section .blog-content > a, .fra-slider h1, .fra-slider a.btn:hover, .fraction-slider .prev, .fraction-slider .next, .title span > .color, .toggle-btn > li a, #wrapper .nav > li.active > a {
color: #16b6ea;
}
.content-1002 .review-section .owl-carousel p {
color: #fff;
text-align: center;
font-style: italic;
font-family: 'Lato';
font-size: 15px;
padding: 0 23%;
}
.content-1002 .review-section .owl-carousel .client p.name {
font-style: normal;
margin-bottom: 0;
}
.content-1002 .review-section .owl-carousel .client {
max-width: 455px;
border-top: 1px dashed #454545;
margin: 0 auto;
margin-top: 15px;
padding-top: 15px;
}
.content-1002 .review-section .owl-carousel p {
color: #fff;
text-align: center;
font-style: italic;
font-family: 'Lato';
font-size: 15px;
padding: 0 23%;
}
.content-1002 p {
font-weight: 400;
line-height: 1.7;
-webkit-font-smoothing: antialiased !important;
}
.content-1002 .review-section {
background: url(img/review-backgroung.jpg) 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.content-1002 .section {
padding: 110px 0px;
position: relative;
}
.content-1002 .parallax-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.content-1002 .container {
width: 100%;
max-width: 1200px;
}
.content-1002 .fadeInUp {
-webkit-animation-name: fadeInUp;
}
.content-1002 .review-section .owl-carousel {
margin: 60px 0 16px;
}
.content-1002 .section .owl-buttons {
position: absolute;
top: 30%;
text-align: center;
width: 100%;
}
.content-1002 .section .owl-controls .owl-buttons div {
font-size: 20px;
opacity: 1;
width: 40px;
height: 45px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
position: absolute;
padding: 8px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.content-1002 .section .owl-buttons i {
text-align: center;
}
.content-1002 .section .owl-buttons .owl-next {
right: -5%;
}

.content-1002 .section-title {
font-size: 26px;
font-family: 'Lato';
text-align: center;
margin-top: 0px;
}
.content-1002 .section .owl-buttons {
position: absolute;
top: 30%;
text-align: center;
width: 100%;
}
.content-1002 .section .owl-controls .owl-buttons div{
    border: 1px solid #16B5EC;
}
div{
    position: initial;
}


/*----------------
content-1001
----------------*/
.content-1001 .section {
padding: 110px 0px;
position: relative;
}
.content-1001 .container {
width: 100%;
max-width: 1200px;
}
.content-1001 .row {
margin-right: -15px;
margin-left: -15px;
}
.content-1001 .know-about-us-section h2 {
text-align: center;
}
.content-1001 .section-title {
font-size: 26px;
font-family: 'Lato';
text-align: center;
margin-top: 0px;
}
.content-1001 .visible {
visibility: visible;
}
.content-1001 .fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.content-1001 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.content-1001 .know-about-us-section .sub-title {
color: #696868;
}
.content-1001 .tap-section, .panel-group .panel-heading + .panel-collapse > .panel-body {
border: none;
}
.content-1001 .tap-section,.content-1001  .panel-group .panel {
margin-bottom: 20px;
}
.content-1001 .fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.content-1001 .know-about-us-section .panel, panel-default {
border-radius: 0px;
box-shadow: none;
border-color: #c0c0c0;
}
.content-1001 .tap-section, .panel-group .panel {
margin-bottom: 20px;
}
.content-1001 .tap-section,.content-1001  .panel-default > .panel-heading {
background: none;
}
.content-1001 .collapse.in .tap-section,.content-1001  .panel-default > .panel-heading {
border-bottom: none;
}
.content-1001 .panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.content-1001 .tap-section p {
font-family: Arial;
color: #696868;
margin: -18px auto 0;
border-top: 1px solid #c0c0c0;
padding-top: 10px;
}
.content-1001 p {
font-size: 13px;
font-weight: 400;
line-height: 1.7;
-webkit-font-smoothing: antialiased !important;
}
.content-1001 a {
color: #337ab7;
text-decoration: none;
}
.content-1001 a {
background-color: transparent;
}
.content-1001 .tap-section .panel-heading .accordion-toggle:before,.content-1001  .tap-section .panel-heading .accordion-toggle:after{
background: #16b6ea;
}


/*----------------
content-1000
----------------*/
.content-1000 .skill {
background: url(img/skill-bg.jpg) 0 no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.content-1000 .section {
padding: 110px 0px;
position: relative;
}
.content-1000 .container {
width: 100%;
max-width: 1200px;
}
.content-1000 .row {
margin-right: -15px;
margin-left: -15px;
}
.content-1000 .skill h3,.content-1000  .skill h2 {
text-align: center;
}
.content-1000 .color-white {
color: #fff;
}
.content-1000 .section-title {
font-size: 26px;
font-family: 'Lato';
text-align: center;
margin-top: 0px;
}
.content-1000 .visible {
visibility: visible;
}
.content-1000 .fadeInRight {
-webkit-animation-name: fadeInRight;
}
.content-1000 .skill p {
color: #fff;
text-align: center;
margin: 0 auto;
padding: 0 14% 15px;
}
.content-1000 .sub-title {
font-size: 14px;
font-family: 'Lato';
padding: 0px 5% 45px;
margin: 0px;
text-align: center;
color: #7e7e7e;
}
.content-1000 .fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.content-1000 .piechart {
position: relative;
display: inline-block;
text-align: center;
margin: 31px auto -24px;
width: 100%;
}
.content-1000 .piechart span {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
color: #FFFFFF;
font-family: 'Lato';
display: block;
font-size: 42px;
font-weight: 500;
height: 162px;
left: 46%;
line-height: 200px;
margin-bottom: 25px;
margin-left: -75px;
position: relative;
top: -26px;
width: 162px;
z-index: 2;
}
.content-1000 .piechart span:after {
content: '%';
font-size: 42px;
}




/*----------------
content-2
----------------*/

.content-2 .bg-img .overlay{
   opacity: 0;
    transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
  -ms-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  background-color:rgba(0,0,0,0.5);
}
.content-2 .bg-img:hover .overlay {
  opacity: 1;
  cursor:pointer
}
.content-2 .bg-img {
      -webkit-box-shadow: rgba(0,0,0,.14) 0px 0px 3px;
    -moz-box-shadow: rgba(0,0,0,.14) 0px 0px 3px;
    box-shadow: rgba(0,0,0,.14) 0px 0px 3px;
}


/*----------------
.content-3
----------------*/

.content-3 .hr {
    width: 40px;
    margin: auto;
}
@media only screen and (max-width: 991px) {
    .content-3.full-height {
        height: 200%;
    }
    .content-3 .mobile-block {
        height: 50%;
    }
}


/*----------------
 content-7
----------------*/
.content-7 img {
  height: 150px;
  margin: 0 auto;
}

/*----------------
content-15
----------------*/

.content-15 .hero-title{
    text-transform: capitalize;
    letter-spacing: 1px;
}
.content-15 p.small-width{
    max-width: 400px;
}
.content-15 p{
     line-height: 2.1;
}
.content-15 .hr{
    width: 50px;
    margin: 10px 0;
}



/*----------------
.content-16
----------------*/
.content-16 .input-field, .content-16 .input-field:hover, .content-16 .input-field:focus {
    border: 1px solid #ECECEC !important;
}
.content-16 .input-group-addon {
    background-color: #fff;
    border: 1px solid #ECECEC !important;
    border-radius: 0px !important;
}
.content-16 .input-group-addon .icon {
    font-size: 18px;
    padding: 10px;
}



/*----------------
.content-17
----------------*/

@media only screen and (max-width: 991px) {
  .content-17 .full-height {
        height: 33.3333333333%;
    }
    .content-17.height-50 {
        height: 200%;
    }
}


/*----------------
content-19
----------------*/
.content-19 img {
 width: 100%;
}
@media only screen and (max-width: 786px) {
    .content-19 .text-right {
        text-align: right;
    }
    .content-19 .text-left {
        text-align: left;
    }
}


/*----------------
content-22
----------------*/
.content-22 .title{
    text-transform: none;
    line-height: 1.6;
}
.content-22 p{
     line-height: 2.1;
}



/*----------------
content-23
----------------*/
.content-23 .icon {
    font-size: 45px;
}


/*----------------
content-24
----------------*/


.content-24 .icon {
    font-size: 75px;
    margin: 0 10px;
}


/*----------------
content-25
----------------*/

.content-25 .block p.text-xs {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.content-25 h2 {
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: 300;
}
.content-25 .block {
   padding: 20px;
    margin: 15px 0;
    letter-spacing: 2px;
    cursor: pointer;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.content-25 .block:hover{
      -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.content-25 .block .title{
    font-family: 'Montserrat';
}


/*----------------
content-26
----------------*/


.content-26 .icon-border {
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
    margin: 0 auto 15px;
}
.content-26 .icon {
    font-size: 30px;
}



/*----------------
content-27
----------------*/


.content-27 .icon {
    font-size: 50px;
}



/*----------------
content-31
----------------*/


.content-31 p.line-height{
     line-height: 1.7;
}
.content-31 .hr{
    width: 50px;
    margin: 10px 0;
}



/*----------------
content-33
----------------*/
.content-33 ul {
    border-bottom: 0 !important;
}
.content-33 ul li.active a, .content-33 ul li.active a:hover, .content-33 ul li.active a:focus {
    color: #161616 !important;
    border: 0;
    background-color: #fff !important;
}
.content-33 ul li .icon {
    font-size: 65px;
}
.content-33 ul li p.hero-subtitle {
    margin-top: -10px;
}
.content-33 ul li a, .content-33 ul li a:hover {
    background-color: #fff !important;
    padding: 15px;
    color: #d2d2d2;
    border-radius: 0;
}
@media only screen and (max-width: 768px) {
    .content-33 ul li  {
        width: 100%;
        display: block;
    }
    .content-33 ul li .icon {
        font-size: 32px;
    }
    .content-33 ul li p.hero-subtitle {
        margin-top: 0px;
    }
}


/*----------------
content-34
----------------*/
.content-34 ul {
    border-bottom: 0 !important;
}
.content-34 ul li.active a, .content-34 ul li.active a:hover, .content-34 ul li.active a:focus {
       background: #161616;
    color: #fff;
}

.content-34 ul li a {
    padding: 15px;
    background-color: #e2e2e2;
    border-radius: 0;
    letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
    .content-34 ul li  {
        width: 100%;
        display: block;
    }
}



/*----------------
content-47
----------------*/
.content-47 .icon-border {
  border-radius: 50%;
  display: inline-block;
    height: 110px; 
  width: 110px;
  line-height: 107px;
  margin: 0 35px;
  }
.content-47 .icon-border .icon {
    display: inline-block;
    font-size: 45px;
}



/*----------------
content-49
----------------*/

.content-49 .icon {
    font-size: 50px;
}
.content-49 .tweet p {
    margin-left: 50px;
}


/*----------------
 content-51
----------------*/
.content-51 .client p {
    margin: 0;
}
.content-51 img {
    width: 50px;
    height: 50px;
}
.content-51 .client {
    margin-left: 10px;
}
  .content-51 .v-align-flex {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  }
@media all and (max-width: 990px) {
  .content-51 .v-align-flex {
    display: flex !important;
  }
}


/*----------------
content-52
----------------*/

.content-52 .client p {
    margin: 0;
}
.content-52 img {
    width: 50px;
    height: 50px;
}
.content-52 .client {
    margin-left: 10px;
}


/*----------------
content-55
----------------*/



.content-55  .features-inner {
    
    padding: 80px 120px;}

.content-55 .feature-icon i {
    display: block;
    float: left;
    font-size: 50px;
    margin-bottom: 50px;
    margin-right: 20px;
    margin-top: 0
}


.row.add-top-quarter {
    margin-top: 25px
}

@media (max-width: 990px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:100px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media (max-width: 800px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:100px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media (max-width: 768px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:100px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 736px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 667px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 640px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 600px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 480px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 414px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 375px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 360px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 320px) {
    .content-55 .features-inner,.content-55 .promo-inner {
        padding:50px 40px;
        text-align: center
    }

    .content-55 .feature-icon i {
        display: inline-block;
        float: none;
        margin-top: 30px;
        margin-right: 0;
        margin-bottom: 5px
    }
}



/*----------------
.content-58
----------------*/
.content-58{
    color: #fff;
    padding: 0 20px 50px 20px;
}
.content-58 p{
    
    max-width: 735px;
    margin: auto;
    font-size: 25px;
    line-height: 1.8;
    clear: both;


}


/*----------------
content-59
----------------*/

@media screen and (min-width: 768px) {
  .content-59 a {
    margin-left: 10px;
  }
}
/*----------------
content-91
----------------*/
.contents-91 .small-featured-img {
    height: 200px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.contents-91 .height-600{
  height: 600px;
}
.contents-91 .thin-sep {
    height: 1px;
    background-color: #d7d7d7;
    width: 50px;
    margin: 4% auto 0 auto;
}


/*----------------
content-61
----------------*/
.content-61 .seperator {
    margin: 0 6px;
}

/*----------------
content-62
----------------*/

.content-62-container div[class*='col-']:not(.color-white){
    height: 460px;
}
.content-62{
    overflow: hidden;
}
.content-62 .text-title{
    position: absolute;
    width: 100%;
    top: 53px;
}
.content-62 .intro {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 75px;
}
.content-62 .txt-placeholder{
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top:10px;
    padding-bottom: 10px;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.5s;
    z-index: 10;
    transition: transform 0.5s;
    -webkit-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%);
}
.content-62 img{
    width: 90%;
    cursor: pointer;
}
.content-62:hover .txt-placeholder{
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}


.know-about-us-section .sub-title{
    color:#696868;
}
.know-about-us-section h2{
    text-align:center;
}
.know-about-us-section h3{
    font-size:14px;
    line-height:0;
    color:#000;
}
.collapse.in .tap-section, .panel-default > .panel-heading{
    border-bottom:none;
}
.know-about-us-section .panel, panel-default{
    border-radius: 0px;
    box-shadow:none;
    border-color:#c0c0c0;
}
.tap-section .panel-heading .panel-title > a{
    position:relative;
    display:block;
}

.tap-section .panel-heading .accordion-toggle:before {
    font-family: "fontawesome";
    content: "\f068";
    color: #fff;
    position:absolute;
    right:7px;
    width:27px;
    height:25px;
    text-align:center;
    top:8px;
    line-height:25px;
    z-index:2;
}
.tap-section .panel-heading .collapsed.accordion-toggle:before {
    content: "\f067";
}
.tap-section p{
    font-family:Arial;
    color:#696868;
    margin: -18px auto 0;
    border-top:1px solid  #c0c0c0;
    padding-top:10px;
}
.tap-section, .panel-default > .panel-heading {
    background:none;
}
.panel-heading{
    padding: 1px 11px 9px;
    position:relative;
}
.tap-section, .panel-group .panel{
    margin-bottom:20px;
}
.tap-section, .panel-group .panel-heading + .panel-collapse > .panel-body{
    border:none;
}
.skill-counter-section {
    padding-left: 0;
}
.skill-counter-section li{
    list-style:none;
}
.skill-counter-section .progress {
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    height: 15px;
    margin-bottom: 32px;
}
.skill-counter-section h3, .skill-counter-section span{
    font-weight:600;
    font-size:13px;
    line-height:0.1;
}
.skill-counter-section span{
    color:#000000;
    text-align:right;
    display:block;
    font-size:13px;
}
.skill-counter-section .progress{
    background:#e1e1e1;
    position:relative;
}
.skill-counter-section .progress-bar{
    box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    position:relative;
}

/* Skill Counter Section( Round Piechart ) */
.skill{
    background:url(../images/background-images/skill-bg.jpg) 0 no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.skill h3,.skill h2{
    text-align:center;
}
.skill p{
    color:#fff;
    text-align:center;
    margin:0 auto;
    padding:0 14% 15px;
}
.piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 31px auto -24px;
    width: 100%;
}
.skill .counter-description {
    font-size:14px;
    font-family:'Lato';
    padding:0 16%;
}
.piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -70px;
    color: #E26853;
}
.piechart span {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #FFFFFF;
    font-family: 'Lato';
    display: block;
    font-size: 42px;
    font-weight:500;
    height: 162px;
    left: 46%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: -26px;
    width: 162px;
    z-index: 2;
}
.piechart span:after {
    content: '%';
    font-size: 42px;
}
/* FEATURES SECTION */
.features-section .next-features{
    margin-top:23px;
}
.features-section .content-title{
    font-size: 22px;
    text-align: center;
    font-family: 'Lato';
}
.features-section .sub-title{
    padding:0 18%;
}
.features-section p{
    font-family: 'Lato';
    font-size:14px;
    margin-bottom:50px;
    color: #696868;
}
.features-section .feature-icon {
    color: #ffffff;
    font-size: 33px;
    padding:0px;
    text-align: center;
    margin: 8px auto 0;
    position: relative;
}
.features-section i{
    width:70px;
    height: 58px;
    display: block;
    line-height: 58px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}









/*#####################[   CONTENTS Start  ]###################*/

/*#####################[   3. PRICETABLE Start  ]###################*/


/*----------------
pricetable-1
----------------*/
.pricetable-1 .hr {
    height: 1px;
    opacity: 0.3;
    width: 50%;
    margin: auto;
}
.pricetable-1 div[class*='col-']{
    padding: 10px 20px;
    margin: 10px 0;
    opacity: 0.6;

   transition: opacity 0.3s cubic-bezier(0.25, 0.57, 0.46, 0.88);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.57, 0.46, 0.88);
  -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.57, 0.46, 0.88);
  -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.57, 0.46, 0.88);
}
.pricetable-1 div[class*='col-']:hover{
    cursor: pointer;
    opacity: 1;
}


/*----------------
pricetable-2
----------------*/
.pricetable-2 .hr {
    height: 1px;
    opacity: 0.3;
}
.pricetable-2 div[class*='col-']{
    margin: 10px 0;
   

}


/*----------------
pricetable-3
----------------*/
.pricetable-3 .price-item{
    
    padding: 2em 2.5em;
    text-align: left;
    color: #262b38;
    background: #EEF0F3;
    border-top: 3px solid #EEF0F3;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.pricetable-3 .price-item:hover {
    border-color: #000;
}


.pricetable-3 .price-value {
    font-size: 2em;
    font-weight: bold;
    padding: 0.5em 0 0.75em;
    border-top: 3px solid rgba(139, 144, 157, 0.18);
}

.pricetable-3 .price-currency {
    font-size: 0.5em;
    vertical-align: super;
}

.pricetable-3 .price-desc {
    font-weight: bold;
    padding: 0 0 0.5em;
    color: #9CA0A9;
    border-bottom: 3px solid rgba(139, 144, 157, 0.18);
}

.pricetable-3 .price-feature {
    
    padding: 0.25em 0 2.5em;
    list-style: none;
    text-align: right;
}


/*----------------
pricetable-4
----------------*/
.pricetable-4 .wrapper {
    padding: 0 15px;
}
.pricetable-4 .price {
    letter-spacing: 0;
    margin-top: 20px;
    font-weight: 300;
}
.pricetable-4 p {
    margin-left: 25px;
    letter-spacing: 1px;
}
.pricetable-4 p > .icon {
    margin-right: 7px;
}


/*----------------
pricetable-5
----------------*/
.pricetable-5 .pricetable  p:not(.price) {
    margin: 0;
}
.pricetable-5 .price {
    margin: 0;
    font-weight: 100;
}
.pricetable-5 .price  span {
    display: block;
    margin: 0;
    text-transform: capitalize;
    
}


/*#####################[   PRICETABLE End  ]###################*/

/*#####################[   4. TEAM Start  ]###################*/
.team-thumb {
    position: relative;
    padding: 0;
    overflow: hidden;
}
/*----------------
team-1
----------------*/

.team-1 .bg-img {
    border-radius: 8px;
}
.team-1 p {
    padding-right: 10px;
    padding-left: 10px;
}
.team-1 .icon {
    margin: 0 5px;
}



/*----------------
team-2
----------------*/

.team-2 .wrapper {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding-right: 10px;
    padding-left: 10px;
}
.team-2 .image_wrapper {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 3px solid #e2e2e2;
    margin: -75px auto 0;
}
.team-2 .icon {
    margin: 5px;
}
.team-2 .italic {
    font-style: italic;
}



/*#####################[   TEAM End  ]###################*/

/*#####################[   5. CONTACTS Start  ]###################*/
/*common for maps*/
.maps:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent!important;
}
.maps.activated:before {
    width: 0;
}

/*----------------
contact-1
----------------*/
.contact-1 h5 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
}
.contact-1 textarea {
    width: 100%;
    height: 118px;
    border: 0;
    line-height: 15px;
    border-radius: 0;
    padding-top: 13px;
    padding-bottom: 13px;
}
.contact-1 input {
  width: 100%;
  height: 49px;
  line-height: 15px;
  border-radius: 0;
  border: 0;
}


/*----------------
contact-3
----------------*/

.contact-3 p {
    padding: 15px 0;
    margin: 0px;
    border-top: 1px solid #e2e2e2;
}


/*----------------
contact-4
----------------*/
.contact-4 .title {
    letter-spacing: 1px;
    font-weight: 300;
}
.contact-4 input {
  width: 100%;
  height: 49px;
  line-height: 15px;
  border-radius: 0;
}
.contact-4 .form-group {
    margin-top: 0;
    margin-bottom: 0;
}


/*----------------
.contact-5
----------------*/

.contact-5 .height380{
    height: 380px;
}
.contact-5 .height380-responsive {
    height: 380px;
}
@media only screen and (max-width: 991px) {
    .contact-5 .height380-responsive {
        height: 760px;
    }
}


/*----------------
.contact-6
----------------*/
.contact-6 input, .contact-6 button {
  width: 100% !important;
}



/*----------------
contact-7
----------------*/
.contact-7 .contact-box {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.contact-7 .input-field {
    background-color: #F7F7F9;
}
@media only screen and (max-width: 400px) {
    .inner {
        padding: 10px;
    }
}



/*----------------
contact-8
----------------*/

.half{
    height: 50vh;
}


/*----------------
contact-9
----------------*/

.contact-9 img {
    height: 25px;
    margin: 10px;
}


/*#####################[   CONTACTS End  ]###################*/

/*#####################[   6. PROJECTS Start  ]###################*/

.placeholder img{
    width: 100%;
}
.placeholder{
    position: relative;
    height: 100%;

}
.placeholder .txt-placeholder{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    color: #fff;
    opacity: 0;
    transition:opacity 0.2s linear;
    text-transform: capitalize;
    font-family: 'Montserrat';
}
.placeholder:hover .txt-placeholder{
    opacity: 1;
    background: rgba(0,0,0,0.9);
    cursor: pointer;

}


/*----------------
 project-1
----------------*/

.project-1 div[class*="col-"]:not(.color-white){
    padding: 0!important;
    margin: 0!important;
    overflow: hidden;
}

@media (max-width: 768px) {
.project-1 div[class*="col-"]{
    width: 100%!important;       
    }
}


/*----------------
  project-2
----------------*/


.project-2 div[class*='col-']:not(.color-white){
    margin: 15px 0;
}

.project-2 .subtitle{
    letter-spacing: 5px;
}
.project-2 .hr{
    width: 80px;
}
@media (max-width: 768px) {
.project-2 div[class*="col-"]{
    width: 100%!important;       
    }
}
/*----------------
  projects-4
----------------*/
.project-4{
    overflow: hidden;
    cursor: pointer;

}
.project-4 .txt-placeholder{
    position: absolute;

    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top:10px;
    padding-bottom: 10px;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translateY(11px);
    -ms-transform: translateY(11px);
    transform: translateY(11px);
}
.project-4:hover .txt-placeholder{
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
}
.project-4-container div[class*='col-']:not(.color-white){
    padding: 25px;
}
/*----------------
  projects-5
----------------*/

.project-5 div[class*='col-']:not(.color-white){
    margin:  0;
    padding: 0;
}


/*#####################[   PROJECTS End  ]###################*/

/*#####################[   7. FOOTER Start  ]###################*/


/*----------------
footer-1000
----------------*/

.footer-1000 p.address {
    margin: 0;
    padding: 0;
}

.footer-1000 .footer-bg{
    background:url(./img/background-images/header-footer-bg.jpg) repeat fixed #000;
}
.footer-1000 .footer-section{    
    padding:25px 0px 48px 0px;  
}
.footer-1000 .footer-section h3{
    color:#FFFFFF;
    font-size: 20px;
}
.footer-1000 .footer-section p{
    color:#a0a0a0;
    font-size:13px;
    font-family:Arial;
    /*margin-bottom:22px;*/
}
.footer-1000 .footer-section li{
    list-style:none;
    font-family:Arial;
    color:#a0a0a0;
    font-size:13px;
}
.footer-1000 .footer-section .latest-post li a {
    font-style:italic;
    margin:0;
    font-size:15px;
    color:#a0a0a0;
    font-size:13px;
}
.footer-1000 .footer-section .latest-post li{
    border-bottom:1px solid;
    padding-bottom:5px;
    padding-top:2px;
}
.footer-1000 .footer-section .latest-post li a:hover{
}
.footer-1000 .footer-section hr{
    border-style: inset none none;
    margin-bottom: 5px;
    margin-top: 5px;
}
.footer-1000 .footer-section .flickr img{
    max-width:60px;
    height:60px;
    width:100%;
}
.footer-1000 .footer-section .flickr img:hover{
    transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
    -ms-transition: all 0.4s ease-in 0s;
}
.footer-1000 .footer-section .flickr li{
    display:inline-block;
    margin-left:2px;
}
.footer-1000 .footer-section ul{
    padding:10px 0 0 0;
}
/* copy-rights-section*/
.footer-1000 .copy-rights-bg{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    padding:5px 0px;
}
.footer-1000 .copy-rights-section p, .copy-rights-section a{
    color:#a0a0a0 !important;
    font-family: 'Lato';
    font-size:13px;
    margin-bottom: 0;
    margin-top: 8px;
}
.footer-1000 .copy-rights-bg .social-icon i{
    font-size:23px;
    padding:6px;
}
.footer-1000 .copy-rights-bg .social-icon{
    text-align:right;
}
/* ---- Twitter Feed Section ---- */
.footer-1000 .twitter-feed .owl-buttons{
    display:none;
}
.footer-1000 .twitter-feed i{
    display:none;
}
.footer-1000 .twitter-feed .owl-pagination,
.twitter-feed .icon-twitter, .footer-1000 .twitter-feed .tweet_time, .footer-1000 .twitter-feed .username,
.tweet .owl-controls .owl-buttons div{
    display:none;
}
.footer-1000 .twitter-feed .tweet_text{
    color:#a0a0a0;
    font-family:Arial;
    font-size:12px;
    font-weight:lighter;
    font-style:italic;
}
.footer-1000 .twitter-feed .tweet_user a, .tweet_text a{
    text-decoration:underline;
    color:#FFFFFF;
    font-size:13px;
}
.footer-1000 .twitter-feed .tweet_user a, .tweet_text a, .twitter-feed, .tweet_text{ 
    color:#a0a0a0;
}
.footer-1000 .username a{    
    color:#FFFFFF !important;
}
.footer-1000 .tweet_time a{
    color:#a0a0a0 ;
}
.footer-1000 .twitter-feed, .fa-twitter:before{
    content:none;
}





/*----------------
footer-1
----------------*/
.footer-1 .title {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-1 .social a {
  margin-right: 7px;
}


/*----------------
footer-2
----------------*/
.footer-2 p.subtitle {
  letter-spacing: 1px;
}
.footer-2 i.icon {
  margin-right: 10px;
  font-size: 150%;
}


/*----------------
footer-3
----------------*/
.footer-3 p {
    margin: 0;
    text-transform: uppercase;
}
.footer-3 .links a {
    margin: 0 10px 0 0;
    letter-spacing: 1px;
}
.footer-3 .social a {
    margin: 0 0 0 10px;
}


/*----------------
footer-4
----------------*/
.footer-4 .title {
    letter-spacing: 1px;
}
.footer-4 .links a {
    text-transform: uppercase;
    margin: 0 10px 0 0;
    letter-spacing: 1px;
}
.footer-4 .icon {
    margin: 0 5px;
}
.footer-4 .legal a {
    margin: 0;
}
.footer-4 .social a {
    margin: 0 0 0 10px;
}


/*----------------
footer-5
----------------*/

.footer-5 .social a {
    margin-right: 10px;
}
.footer-5 input, .footer-5 button {
    display: block;
    width: 100% !important;
    border-radius: 0;
    background-color: #e2e2e2 !important;
    border: none !important;
    height: 32px;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #515151;
}
.footer-5 .row {
  margin-right: 0;
  margin-left: 0; 
}


/*----------------
footer-6
----------------*/
.footer-6 .links a {
    font-family: "Montserrat";
    text-transform: uppercase;
    margin: 0 10px;
}
.footer-6 .social a {
    margin: 0 10px;
}
.footer-6 .copy {
    letter-spacing: 1px;
}


/*----------------
footer-7
----------------*/
.footer-7 p {
    letter-spacing: 1px;
}
.footer-7 .terms a, .footer-7 .social a {
    margin-right: 10px;
}

/*----------------
footer-8
----------------*/

.footer-8 .bottom {
    margin-bottom: 15px;
    text-transform: uppercase;
}
.footer-8 .border_tb {
  border-top: 1px solid #2D2D2D;
  
}
.footer-8 .border_tb .no-padding {
   padding: 10px 0;
}
.footer-8 .icon {
  font-size: 12px;
  margin-right: 6px;
}
.footer-8 .footer-bottom {
  margin-top: 10px;
}

.footer-9{

    padding: 50px;
    background: #f7f7f7;
}
.footer-9 img{
    width: 59px;
    margin-left: 15px;
}
.footer-9 .footer-title{
    text-transform: uppercase;
    font-size: 10px;
    color: #515151;
}
.footer-9 p {
    margin-top: 5px;
    font-size: 11px;
    line-height: 2.2;
    color: #737373;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.footer-10{
    border-top: 1px solid #dedede;
    padding: 80px 0;
    background: #f2f2f2;
}
.footer-10 p{
    font-size: 12px;
    color: #afafaf;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-top: 15px;
}
/*#####################[   FOOTER End  ]###################*/

/*#####################[   7. BLOG Start  ]###################*/
/*8. BLOG*/
.blog-item{

    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
.blog-item:hover{
        box-shadow: 0 22px 33px rgba(0,0,0,0.2);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
}

.blog-item .img-wrapper img{
    width: 100%;
}
.annotation{
    position: absolute;
    left: 50%;
    bottom: -32px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
    display: table;
    border-radius: 50%;
    transform: translate(-50%, 0);
}
.annotation .layout{

    display: table-cell;
    vertical-align: middle;
}

/*#####################[   BLOG End  ]###################*/



/*#####################[   E N D   O F   S T Y L E S H E E T   ]###################*/


/*#####################[   Wedderburg Custom  ]###################*/
#saving_overlay,
#saving_overlay .dark_ov,
#saving_overlay .throbber {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
}

#saving_overlay {
    z-index: 100;
}
#saving_overlay .dark_ov {
    background: #000;
    opacity: .5;
}
#saving_overlay .throbber {
    background-image: url('./img/cogs.gif');
    background-repeat:no-repeat;
    background-position: center center;
}