/*** ======= // TABLE OF CONTENT // ============================
1. General Styling
2. Cross Browser Compatibility
3. Header Style
4. Header Style 2
5. Sticky Header
6. Responsive Header
7. Slider
8. All Services
9. Reviews
10. Fun Facts
11. Our Team
12. Why Us
13. Theme Tabs
1900
14. Testimonial Carousel
15. Contact Form
16. Map
17. Latest News
18. Awards
19. Video
20. Contact Info
21. Single Attorney
22. Case Studies
23. Get Free Consultation
24. Fancy Attorney Style
25. Laws
26. Parallax Text
27. Simple Attorney Carousel
28. Testimonial Full Carousel
29. Custom Tabs
30. Page Top
31. About Section
32. Lawyer Single
33. Awards
34. Careers
35. Blog Single Page
36. Sidebar
37. Footer
38. Experience Bar
39. Bottom Bar
40. LIGHTBOX PLUGIN STYLING
41. OWL CAROUSEL STYLING
===================================================== ***/


/*=============== General Styling ===================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Bitter:400,400i,700|Roboto:400,300italic,300,100italic,100,400italic,500,500italic,700,700italic,900,900italic');

html, body{
    
    overflow-x:hidden;
}
.body-dark{
    background-color: #121212;
}
body{
    float:left;
    width:100%;
    font-family:Roboto;
    color:#666666;
    position:relative;
    background:#ffffff;
    margin:0;
    
}
h1,h2,h3,h4,h5,h6{
    font-family:Montserrat;
    color:#2e2e2e;
}
p{
    font-family:Roboto;
    color:#666666;
    line-height:30px;
    font-size:15px;
    letter-spacing:0.4px;
}
ul li ,ul li a,
ol li,ol li a{
    font-family:Roboto;
    color:#666666;
    font-size:15px;
    line-height:28px;
}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
.theme-layout{
    float:left;
    width:100%;
    
    
}
.theme-layout.boxed{
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;.carousel-client
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1300px;
    
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section{
    float:left;
    position:relative;
    width:100%;
}
.block{
    float:left;
    width:100%;
    padding:30px 0;
    position:relative;
}
.block .container{
    padding:0;
}
.container{
    padding:0;
}
.block.remove-top{
    padding-top:0;
}
.block.no-padding{
    padding:0;
}
.block.remove-bottom{
    padding-bottom:0;
}
.block.gray,.gray{
    background-color:#f4f4f4;
}
.block .blackish p, .block .blackish span, .block .blackish div {
    color: #b8b8b8;
}
iframe{
    width:100%;
    border:0;
}
body.fixed-bg-boxed {
    background-image: url("../images/resource/parallax5.jpg");
    background-attachment: fixed;
    background-size: cover;
}
.parallax,.fixed-bg{
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-2;
}
.parallax.no-parallax {
    background-size: cover !important;
    background-position: 0 0 !important;
}
.fixed-bg{
    background-attachment:fixed !important;
    background-size:cover!important;
}
.blackish:before{
    background:#090d14;
    content:"";
    height:100%;
    left:0;
    opacity:0.9;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.whitish:before{
    background: #f2f2f2;
    opacity: 0.92;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;    
}
iframe{
    border:0;
    width:100%;
    float:left;
}
.block .blackish h1,
.block .blackish h2,
.block .blackish h3,
.block .blackish h4,
.block .blackish h5,
.block .blackish h6 {
    color: #ffffff;
}
.block .blackish p,
.block .blackish span,
.block .blackish div{
    color: #b8b8b8;
}




/* Loader Animation Start */
.thecube {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  position: relative;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.thecube .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.thecube .cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: foldthecube 2.4s infinite linear both;
  -moz-animation: foldthecube 2.4s infinite linear both;
  -ms-animation: foldthecube 2.4s infinite linear both;
  -o-animation: foldthecube 2.4s infinite linear both;
  animation: foldthecube 2.4s infinite linear both;

  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.thecube .c2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  -moz-transform: scale(1.1) rotateZ(90deg);
  -ms-transform: scale(1.1) rotateZ(90deg);
  -o-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  -moz-transform: scale(1.1) rotateZ(180deg);
  -ms-transform: scale(1.1) rotateZ(180deg);
  -o-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  -moz-transform: scale(1.1) rotateZ(270deg);
  -ms-transform: scale(1.1) rotateZ(270deg);
  -o-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.thecube .c3:before {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.thecube .c4:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}


@-webkit-keyframes foldthecube {
  0%,
    10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
    75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
    100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes foldthecube {
  0%,
    10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    -o-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
    75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    -o-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
    100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    -o-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.page-loading {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483647;
}
.page-loading > .thecube {
    left: 50%;
    margin-left: -30px;
    margin-top: -70px;
    position: absolute;
    top: 50%;
}
/* Loader Animation End */

.main-slider {
    float: left;
    width: 100%;
    position: relative;
}

.account-btn:hover {
    background: #535353;
    border-radius: 60px;
}
.account-popup-sec.active{
    opacity: 1;
    visibility: visible;
}
.account-popup-sec {
    background: rgba(20, 20, 20, 0.81) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 99999999999;
}
.registration-sec input[type="submit"] {
    display: inline-block;
    float: none;
    margin-top: 40px;
}
.account-popup-area {
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 100%;
}
.account-popup {
    background: #ffffff none repeat scroll 0 0;
    margin-left: 50%;
    margin-top: 70px;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    width: 970px;
}
.account-popup > .row {
    margin: 0;
}
.account-popup > .row > div {
    padding: 0;
}
.account-user {
    background-image: url("../images/resource/login-bg.jpg");
    background-size: cover;
    float: left;
    height: 100%;
    padding: 110px 65px;
    position: relative;
    width: 100%;
    z-index: 0;
    text-align: center;
}
.account-user > form input[type="submit"] {
    display: inline-block;
    float: none;
    margin-top: 50px;
}
.account-user .logo {
    display: inline-block;
    float: none;
    margin-bottom: 40px;
}
.account-user > p {
    color: #cfcfcf;
    float: left;
    width: 100%;
}
.account-user > form {
    float: left;
    width: 100%;
}
.account-user > form > h4 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
    text-transform: uppercase;
    width: 100%;
}
.account-user .field {
    float: left;
    width: 100%;
    margin: 0;
}
.account-user .field input[type="text"], .account-user .field input[type="password"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 3px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 15px;
    height: 58px;
    margin-top: 16px;
    padding: 0 30px;
    width: 100%;
    margin-bottom: 0;
}
.account-user > form input.flat-btn {
    display: inline-block;
    float: none;
    font-size: 14px;
    margin-top: 30px;
    padding: 15px 30px;
}
.account-user > i {
    color: #c8c8c8;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 40px;
    margin-top: 48px;
    width: 100%;
}
.account-user > span {
    color: #c8c8c8;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 30px;
    width: 100%;
}
.account-user > .social-btns {
    display: inline-block;
    float: left;
    width: 100%;
}
.account-user > .social-btns > li {
    display: inline-block;
    float: none;
    margin: 0;
}
.registration-sec {
    float: left;
    padding: 120px 66px;
    text-align: center;
    width: 100%;
}
.registration-sec > h3 {
    color: #282828;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 17px;
    text-transform: uppercase;
    width: 100%;
}

.close-popup {
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.close-popup:hover{
    background: #444444;
}
.registration-sec .field {
    float: left;
    width: 100%;
}
.registration-sec .field input[type="text"], .registration-sec .field input[type="password"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 3px solid rgba(0, 0, 0, 0.1);
    color: #666666;
    float: left;
    font-family: Montserrat;
    font-size: 15px;
    height: 58px;
    margin-top: 16px;
    padding: 0 30px;
    width: 100%;
}
.registration-sec > form input.flat-btn {
    display: inline-block;
    float: none;
    font-size: 14px;
    margin-top: 30px;
    padding: 15px 30px;
}
html.no-scroll {
    overflow: hidden;
}
.registration-sec .field > label {
    color: #747474;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    margin-right: 20px;
    margin-top: 27px;
}
.registration-sec .field > label > input {
    margin-right: 5px;
}
.registration-sec form > label {
    color: #747474;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin-right: 20px;
    margin-top: 10px;
    text-align: left;
}
.registration-sec form > label > input {
    margin-right: 5px;
}


/* Header */
header.light-header > .header-top {
    background: #f5f5f5;
}
header.light-header.sticky.simple-header {

    -webkit-box-shadow: 0px 1px 18px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 18px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 1px 18px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 1px 18px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 18px rgba(0,0,0,0.1);
}

header.light-header.sticky.simple-header .logo img{height:50px;}
header.light-header {

    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
header.light-header > .header-top .logo strong {
    color: #222222;
}
header.light-header .quick-info-header > li {
    color: #6e6e6e;
}
header.light-header .social-btns > li > a {
    background: #dddddd;
    color: #838383;
}
header.light-header .menus-header > li > a {
    color: #414141;
}
header.light-header .search-header button {
    background: #ddd none repeat scroll 0 0;
}
header.light-header .header-menus {
    background: #ffffff;
}
.simple-header.light-header .menus-header > .menu-item-has-children > ul {
    background: #f5f5f5;
    
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);

}
.simple-header.light-header .menus-header > .menu-item-has-children > ul a {
    border-color: #c3c3c3;
}
.responsive-menu {
    display: none;
    float: left;
    background: #3f3f3f;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 1px;
    font-size: 18px;
    color: #b0b0b0;
    margin-top: 14px;
    cursor: pointer;
}

.simple-header.light-header .menus-header > li.menu-item-has-children ul li:hover > a {
    color: #333333;
}
header.simple-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index:9999;
}
.header-top {
    background: #131313 none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 10px 0;
}
.logo {
    float: left;
    position: relative;
    padding-left: 43px;
}
.logo > a {
    float: left;
}
.logo > a > i {
    position: absolute;
    left: 0;
    top: 0;
    
    webkit-transform: rotate(91deg);
    -moz-transform: rotate(91deg);
    -ms-transform: rotate(91deg);
    -o-transform: rotate(91deg);
    transform: rotate(91deg);

    font-size: 34px;
}
.logo > a > strong {
    color: #fff;
    float: left;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 6px;
}
.logo > a > span {
    color: #828282;
    display: table;
    font-family: Roboto;
    font-size: 12px;
    margin-top: 10px;
}
.quick-info-header {
    float: right;
    list-style: outside none none;
    margin: 9px 50px 0 0;
    padding: 0;
}
.quick-info-header > li {
    color: #b7b7b7;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-left: 30px;
}
.quick-info-header > li > i {
    float: left;
    line-height: 28px;
    margin-right: 12px;
}
.social-btns {
    float: right;
    list-style: outside none none;
    margin: 8px 0;
    padding: 0;
}
.social-btns > li {
    float: left;
    margin-left: 1px;
}
.social-btns > li > a {
    background: #1f1f1f none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    height: 31px;
    text-align: center;
    width: 35px;
    color: #b3b3b3;
    font-size: 13px;
    line-height: 31px;
}
.social-btns > li > a:hover{
  color: #fff;
}
.account-btn {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    cursor: pointer;
    float: right;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    margin-left: 40px;
    padding: 13px 28px;
    text-transform: uppercase;
}
.account-btn > i {
    margin-right: 6px;
}
header .logo {
    margin-top: 7px;
    width: 160px;
}

.header-menus {
    float: left;
    width: 100%;
    background: #1a1a1a;
}
.menus-header {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.menus-header > li > a {
    color: #ececec;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
}
.menus-header > li {
    float: left;
    margin-right: 30px;
    padding-bottom: 8px;
	padding-left:5px;
	padding-right:5px;
    /*padding-right: 30px;*/
    padding-top: 7px;
    position: relative;
}

.menus-header > li.active{border-bottom:5px solid #00aeef;}

.menus-header > li:hover::before,.menus-header > li.active::before {
    /*height: 1px;
    right: 12px;
    width: 100%;*/
}
.menus-header > li::before {
    /*content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: -1px;
    top: 50%;
    width: 2px;*/
}
.menus-header > li.menu-item-has-children.mega > ul {
    width: 920px;
}
.menus-header > .menu-item-has-children > ul {
    background: #111111 none repeat scroll 0 0;
    left: 10px;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    padding: 0 0 40px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 230px;
}
.menus-header > li.menu-item-has-children.mega > ul > li {
    float: left;
    width: 25%;
}
.menus-header > .menu-item-has-children > ul > li {
    float: left;
    padding: 0 30px;
    width: 100%;
}
.menus-header > li.menu-item-has-children ul li:hover > a {
    color: #fff;
}
.menus-header > li.menu-item-has-children ul a {
    border-bottom: 1px dashed #636363;
    color: #999999;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    padding: 9px 0;
    width: 100%;
}

.menus-header > li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
    left: 0;
}
.search-header {
    float: right;
    margin: 18px 0;
}
.search-header > form {
    float: right;
    position: relative;
}
.search-header > form:hover > input,
.search-header > form > input:focus {
    opacity: 1;
    width: 190px;
}
.search-header > form > input {
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    font-family: Roboto;
    font-size: 13px;
    height: 34px;
    letter-spacing: 0.5px;
    opacity: 0;
    padding: 0 15px;
    position: absolute;
    right: 37px;
    width: 0;
}
.search-header button {
    background: #363636 none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #737373;
    font-size: 12px;
    height: 34px;
    padding: 0;
    width: 35px;
}
.theme-btn:hover {
    background: #444444;
    color: #ffffff;
    border-radius: 60px;
}
.theme-btn {
    background: #00aeef none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Montserrat;
    letter-spacing: 0;
    padding: 15px 28px;
    text-transform: uppercase;
}
.theme-btn.gray-color{
    background-color: #3b3b3b !important;
}
header.simple-header.sticky > .header-top {
    padding: 10px 0;
}
header.simple-header.sticky {
    -webkit-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 10px rgba(0,0,0,0.2);
}

/* Services Sec */
.services-sec.overlap {
    position: relative;
    margin-top: -100px;
    z-index: 2;
}
.services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.service-image {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.service-image > img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}
.service-image-info {
    float: left;
    width: 100%;
    position: relative;
    padding: 9px;
    background: ;
}
.service-infos-square > a {
    background: #efefef none repeat scroll 0 0;
    color: #636363;
    display: inline-block;
    float: none;
    font-family: Roboto;
    font-size: 19px;
    font-weight: 400;
    height: 47px;
    line-height: 47px;
    margin-top: 15px;
    width: 47px;
}
.service-infos-square {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    padding: 75px 40px 60px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service-infos-square:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 7px;
    background: #4d4d4d;
    content: "";
    margin-left: -3px;
    height: 0px;
}
.service-infos-square > i {
    float: left;
    width: 100%;
    font-size: 46px;
    color: #d2d2d2;
    margin-bottom: 20px;
}
.service-infos-square > h3 {
    color: #222222;
    float: left;
    font-family: Montserrat;
    font-size: 20px;
    margin: 4px 0 11px;
    width: 100%;
}

.service-infos-square > p {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}
.we-are {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}
.we-are > img {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
}
.we-are > h3 {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    margin: 0;
}
.services-lines {
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-top: 2px solid #e6e6e6;
    height: 50px;
    left: 50%;
    margin-bottom: 20px;
    margin-top: 30px;
    position: relative;
    
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    width: 770px;
    float: left;
}
.services-lines::before {
    background: #e6e6e6 none repeat scroll 0 0;
    content: "";
    height: 50px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    width: 2px;
}
.service-image-info:hover > .service-infos-square {
    background: #151515 none repeat scroll 0 0;
}
.service-image-info:hover > .service-infos-square > h3{
  color: #fff;
}
.service-image-info:hover > .service-infos-square > p{
  color: #b0b0b0;
}
.service-image-info:hover > .service-infos-square::before {
    height: 27px;
}
.service-image-info:hover > .service-infos-square > a{
  color: #fff;
}
.we-are > p {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 15px;
    text-align: center;
    padding: 0 150px;
    color: #777777;
    margin-top: 10px;
    margin: 0;
    margin-top: 12px;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
.slider-post > .slider-for {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.reviews-fancy-sec.light-reviews .review-title > h3 {
    color: #222222;
}
.reviews-fancy-sec.light-reviews .review-title:before {
    color: #e8e8e8;
}
.reviews-fancy-sec.light-reviews .review-fancy {
    border-color: #d7d7d7;
}
.reviews-fancy-sec.light-reviews .review-fancy:before {
    background: #d7d7d7;
}
.reviews-fancy-sec.light-reviews .review-fancy:after {
    background: #d7d7d7;
}
.reviews-fancy-sec.light-reviews .review-fancy > p {
    color: #878787;
}
.reviews-fancy-sec {
    float: left;
    width: 100%;
    text-align: center;
}
.reviews-fancy-sec > .slider-for {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 120px;
    width: 100%;
}
.review-fancy {
    border-left: 4px solid #a0a0a0;
    float: left;
    margin-top: 30px;
    position: relative;
    text-align: center;
    padding-bottom: 40px;
}
.review-title::before {
    content: "\f10d";
    left: 20px;
    position: absolute;
    top: 19px;
    font-family: fontawesome;
    font-size: 73px;
}
.review-fancy:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 4px;
    background: #a0a0a0;
    content: "";
}
.review-fancy:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 4px;
    background: #a0a0a0;
    content: "";
}
.review-title {
    display: inline-block;
    float: none;
    padding: 0 120px;
    position: relative;
    top: -30px;
}
.review-title > h3 {
    font-family: Montserrat;
    font-size: 23px;
    color: #ffffff;
    margin: 0;
    margin-bottom: 5px;
}
.review-title > span {
    display: table;
    font-family: Roboto;
    font-size: 15px;
    text-align: center;
    width: 100%;
}
.review-fancy > p {
    color: #b7b7b7;
    float: left;
    font-family: Bitter;
    font-size: 18px;
    font-style: italic;
    margin-top: -10px;
    padding: 0 150px;
    width: 100%;
}
.reviews-fancy-sec .slider-nav {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 80px;
    width: 100%;
    margin-top: 60px;
}
.reviews-fancy-sec .slider-nav .slick-slide {
    opacity: 0.6;
}
.reviews-fancy-sec .slider-nav .slick-slide.slick-active.slick-center {
    opacity: 1;
}

/* Fun Fact Sec */
.fun-fact-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.fun-fact {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}
.fun-fact > i {
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 19px;
    height: 54px;
    line-height: 54px;
    width: 54px;
    background-color: #a8a8a8;
}
.fun-fact > span {
    color: #4a4a4a;
    float: left;
    font-family: Montserrat;
    font-size: 27px;
    margin: 16px 0 5px;
    width: 100%;
}
.fun-fact > p {
    float: left;
    margin: 0;
    font-size: 14px;
    color: #7b7b7b;
    width: 100%;
}

/* ` 1 */
.heading1 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.heading1 > span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 13px;
    color: #848383;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 15px;
}
.heading1 > h2 {
    float: left;
    font-size: 38px;
    letter-spacing: -1px;
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
}
.heading1 > .fa-ellipsis-h, .heading1 > .fa-ellipsis-v {
    float: left;
    font-size: 38px;
    width: 100%;
}

.heading1 > .fa-ellipsis-v {
    margin-top: -37px;
}

/* Heading 2 */
.heading2 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.heading2 > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 20px;
    color: #ffffff;
    font-weight: normal;
    margin: 0;
    padding-bottom: 19px;
    position: relative;
}
.heading2 > h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    content: "";
}

/* Heading 3 */
.heading3 {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.heading3 > h3 {
    color: #242424;
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px;
    padding-right: 20px;
    position: relative;
}
.heading3 > span {
    color: #787878;
    float: left;
    font-family: Roboto;
    font-size: 11px;
    letter-spacing: 0.6px;
    line-height: 10px;
    text-transform: uppercase;
    width: 100%;
}
.heading3 > h3::before {
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 12px;
    width: 41px;
}
.heading3 > h3::after {
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 15px;
    width: 57px;
}

/* Sidebar */
aside > .widget {
    margin-top: 50px;
}
aside > .widget:first-child {
    margin: 0;
}
.post-widget {
    float: left;
    position: relative;
    width: 100%;
}
.mini-post {
    background: #232323 none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
}
.mini-post > img {
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.mini-post-title {
    float: left;
    padding: 40px;
    position: relative;
    width: 100%;
}
.mini-post-title > h3 {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 19px;
    font-weight: bold;
    line-height: 29px;
    margin: 0;
    width: 100%;
}
.mini-post-title > span {
    bottom: 14px;
    color: #c0c0c0;
    font-family: Roboto;
    font-size: 12px;
    position: absolute;
    right: 20px;
}
.mini-post-title > h3 a {
    color: inherit;
}

/* Twitter Widget */
.twitter-widget {
    float: left;
    width: 100%;
}
.tweets {
    background: #f1f1f1 none repeat scroll 0 0;
    float: left;
    padding: 60px 60px;
    text-align: center;
    width: 100%;
}
.tweets > i {
    color: #66dff1;
    float: left;
    font-size: 50px;
    margin-bottom: 14px;
    width: 100%;
}
.tweets > a {
    color: #666666;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 16px;
    width: 100%;
}
.tweets > h3 {
    color: #383838;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    margin: 6px 0;
    width: 100%;
}
.tweets > h3 a{
    color: #383838;
}
.tweets > span {
    color: #9a9a9a;
    float: left;
    font-family: Roboto;
    font-size: 11px;
    margin-top: 18px;
    text-transform: uppercase;
    width: 100%;
}

/* Useful Link */
.useful_link {
    float: left;
    width: 100%;
}
.useful_link > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.useful_link > ul li {
    float: left;
    padding: 4px 0;
    width: 50%;
}
.useful_link > ul > li > a {
    color: #5e5b5b;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.useful_link > ul > li > a i {
    margin-right: 10px;
}
.subscribe_widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.subscribe_widget > form {
    background: #eeeeee none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    position: relative;
    width: 100%;
}
.subscribe_widget > form > input {
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #333333;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    background-color: #eeeeee;
    height: 60px;
    letter-spacing: 0.4px;
    padding: 0 60px 0 33px;
    text-transform: uppercase;
    width: 100%;
}
.subscribe_widget > form > button {
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    height: 44px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 44px;
}
.subscribe_widget > form > button:hover {
    background-color: #333333;
}
.subscribe_widget > p {
    color: #797979;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    margin: 22px 0 0;
    padding-right: 80px;
    width: 100%;
}

/* Single Post */
.post-admin {
    float: right;
    margin-top: -30px;
    padding-right: 0;
    width: 49%;
}
.post-admin > a {
    float: left;
    width: 100%;
}
.post-admin img {
    float: right;
    margin-left: 12px;
    width: 57px;
}
.post-admin h5 {
    color: #2e2e2e;
    display: list-item;
    float: none;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    list-style: outside none none;
    margin: 4px 0;
    padding-bottom: 1px;
    padding-left: 0;
    padding-top: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}
.post-admin span {
    color: #949494;
    display: list-item;
    font-family: open sans;
    font-size: 11px;
    font-weight: 600;
    list-style: outside none none;
    text-align: right;
    text-transform: uppercase;
}
.post-admin span i {
    font-style: normal;
}
blockquote {
    background-image: url("../images/blockquote.jpg");
    background-size: cover;
    border: medium none;
    float: left;
    margin: 35px 0 30px;
    padding: 50px 190px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}
blockquote::before {
    background: #f8f8f8 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.94;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.single-post-sec p {
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
}
blockquote span {
    color: #747474;
    display: inline-block;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 500;
}
blockquote span a {
    font-family: Montserrat;
}
blockquote p {
    color: #333333;
    float: left;
    font-family: Open Sans;
    font-size: 19px;
    font-style: italic;
    font-weight: 600;
    line-height: 34px;
    width: 100%;
}
.post-tags {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.post-tags > span {
    color: #848484;
    float: left;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 22px;
    margin-right: 10px;
    text-transform: uppercase;
}
.post-tags > span i {
    font-size: 14px;
    margin-right: 5px;
}
.post-tags > a {
    color: #7e7e7e;
    display: inline-block;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 2px;
}
.related-posts {
    float: left;
    margin-top: 60px;
    width: 100%;
}


/* Comment Form */
.comment-form {
    float: left;
    width: 100%;
}
.comment-form > form {
    float: left;
    width: 100%;
}
.comment-form > form label {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.comment-form form label input, .comment-form form label textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: medium none;
    color: #a7a7a7;
    float: left;
    font-family: montserrat;
    font-weight: 500;
    padding: 21px 70px;
    width: 100%;
}
.comment-form form label i {
    color: #dcdcdc;
    font-size: 14px;
    left: 40px;
    position: absolute;
    top: 24px;
}
.comment-form form label textarea {
    min-height: 180px;
}
.flat-btn {
    border: 1px solid transparent;
    color: #fff;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    padding: 16px 36px;
}

/* Portfolio Sec */
.portfolio-mini-sec.low-gape > .row {
    margin: 0 -1px;
}
.portfolio-mini-sec.low-gape > .row > div {
    padding: 0 1px;
}
.portfolio-mini-sec.low-gape {
    margin-top: -2px;
}
.portfolio-mini-sec.low-gape .mini-portfolio {
    margin-top: 2px;
}
.portfolio-mini-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.portfolio-mini-sec .mini-portfolio {
    margin-top: 30px;
}
.mini-portfolio {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
}
.mini-portfolio > img {
    float: left;
    width: 100%;
}
.mini-portfolio::before {
    background: #131313 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.mini-portfolio .portfolio-info {
    left: 0;
    opacity: 0;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.mini-portfolio .portfolio-info > h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    color: #fff;
}
.mini-portfolio .portfolio-info > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.mini-portfolio .portfolio-info > ul > li {
    float: left;
}
.mini-portfolio .portfolio-info > ul > li > a {
    background: #ffffff none repeat scroll 0 0;
    color: #272727;
    float: left;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 43px;
}
.mini-portfolio .portfolio-info > ul > li:last-child > a {
    color: #ffffff;
    margin-left: -10px;
}
.mini-portfolio:hover::before {
    opacity: 0.95;
}
.mini-portfolio:hover .portfolio-info {
    opacity: 1;
}

/* Mockup Sec */
.mockup-sec {
    float: left;
    width: 100%;
}
.mockup-image {
    float: left;
    text-align: center;
    width: 100%;
}
.mockup-infos {
    float: left;
    width: 100%;
    padding-top: 30px;
}
.mockup-infos > span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #929292;
    letter-spacing: 0.5px;
}
.mockup-infos > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 27px;
    font-weight: bold;
    color: #333333;
    line-height: 39px;
    margin: 12px 0;
    padding-right: 80px;
}
.mockup-infos > p {
    float: left;
    margin: 11px 0 3px;
    padding-right: 100px;
    width: 100%;
}
.features-mini-list {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.features-mini-list > li {
    color: #4a4a4a;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    line-height: 53px;
    margin-top: 20px;
    padding-right: 30px;
    width: 50%;
}
.features-mini-list li > i {
    color: #fff;
    float: left;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    margin-right: 17px;
    text-align: center;
    width: 50px;
    background-color: #4b4b4b;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.mockup-image > img {
    float: left;
    width: 100%;
    padding-right: 30px;
}

/* Text Block */
.text-block {
    float: left;
    width: 100%;
    text-align: center;
}
.text-block > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 27px;
    color: #141414;
    margin: 0;
    letter-spacing: 0px;
    margin-bottom: 12px;
}
.text-block > p {
    float: left;
    padding: 0 230px;
    width: 100%;
}
.group-button {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    margin-top: 30px;
}
.group-button > li {
    float: none;
    display: inline-block;
    margin: 0 5px;
}

/* Blog Sec */
.blog-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.blog-post {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.blog-post-thumb > img {
    float: left;
    width: 100%;
}
.blog-post-thumb {
    float: left;
    width: 100%;
    background: #282828;
    position: relative;
}
.blog-post:hover .blog-post-thumb > img {
    opacity: 0.2;
}
.blog-post-thumb > a {
    color: #ffffff;
    font-size: 23px;
    height: 57px;
    left: 30px;
    line-height: 57px;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 57px;

    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    
    opacity: 0;
}
.blog-post:hover .blog-post-thumb > a {
    opacity: 1;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    top: 30px;
}
.blog-post-info > h3 {
    float: left;
    width: 100%;
    font-size: 23px;
    color: #1d1d1d;
    margin: 0;
    margin-top: 24px;
    line-height: 32px;
    letter-spacing: 0px;
}
.blog-post-info > h3 a{
    color: #1d1d1d;
}
a.date-post {
    color: #7b7b7b;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 11px;
}
a.date-post i{
    margin-right: 5px;
}
.blog-post-info > p {
    float: left;
    width: 100%;
    margin: 0;
}

/* SignUp newsletter */
.signup-newsletter {
    background: #262626 none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    padding: 28px 28px 28px 45px;
    width: 100%;
}
.signup-newsletter > span {
    color: #bababa;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 300;
    margin: 14px 0;
}
.signup-newsletter > form {
    float: right;
}
.signup-newsletter > form > input {
    border: 1px solid #464343;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-style: italic;
    height: 59px;
    padding: 0 60px 0 27px;
    width: 335px;
    background-color: #262626;
    color: #8d8d8d;
}
.signup-newsletter > form > button {
    border: medium none;
    margin-left: -50px;
    margin-top: 4px;
}

/* Footer Widget */
.widget {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.about_widget {
    float: left;
    width: 100%;
}
.about_widget > p {
    color: #c1c1c1;
    float: left;
    margin-bottom: 0;
    width: 100%;
    margin-top: -10px;
}
.contact-widget-list {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.contact-widget-list > li {
    color: #c1c1c1;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-style: italic;
    margin: 3px 0;
    padding-left: 40px;
    position: relative;
    width: 60%;
}
.contact-widget-list > li > i {
    left: 0;
    position: absolute;
    top: 6px;
}

/* Quick link Widget */
.quick-links-widget {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.quick-links-widget > li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #585858;
    padding: 10px 0;
}
.quick-links-widget > li > a > i {
    color: #878787;
    margin-right: 15px;
    font-size: 14px;
}
.quick-links-widget > li:first-child {
    padding-top: 0;
}
.quick-links-widget > li:last-child {
    padding-bottom: 0;
    border: none;
}
.quick-links-widget > li > a {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #c3c3c3;
}

/* Footer Post Widget */
.footer-post {
    float: left;
    width: 100%;
}
.footer-post > img {
    float: left;
    width: 100%;
}
.footer-post > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 18px;
    color: #ffffff;
    margin: 0;
    margin-top: 23px;
    line-height: 30px;
}
.footer-post > h3 a{
    color: #ffffff;
}
.footer-post > a {
    float: left;
    font-family: Roboto;
    font-size: 11px;
    color: #bababa;
    margin-right: 7px;
    margin-top: 4px;
}


.bottom-line {
    background: #1f1f1f none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.bottom-line span {
    color: #868686;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.4px;
    padding: 30px 0;
}
.bottom-line .quick-bottom-links {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.bottom-line .quick-bottom-links > li {
    float: left;
    padding: 26px 20px;
}
.quick-bottom-links > li a {
    color: #b1b1b1;
    font-family: Roboto;
    font-size: 13px;
}

/* Service Simple */
.service-simple {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.service-simple > i {
    float: left;
    width: 100%;
    font-size: 40px;
    margin-bottom: 20px;
}
.service-simple > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 20px;
    color: #1a1a1a;
    margin: 0;
    letter-spacing: 0px;
}
.service-simple > p {
    float: left;
    padding: 0 40px;
    margin-top: 17px;
    margin-bottom: 0;
}
.carousel-service .service-simple {
    margin-top: 60px;
}


.owl-dots {
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.owl-dots > .owl-dot {
    display: inline-block;
    float: none;
    width: 10px;
    height: 10px;
    background: #908a8a;
    margin: 0 1px;
}

/* Progress Sec */
.progress-sec {
    float: left;
    width: 100%;
}
.progress-skills {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.progress-skills:first-child {
    margin: 0;
}
.progress-skills > h3 {
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    color: #343434;
    margin: 0;
}
.progress-skills > span {
    float: right;
    font-family: Roboto;
    font-size: 12px;
    color: #707070;
}

.progress-skills > .progress {
    float: left;
    width: 100%;
    height: 2px;
    background: #ececec;
    
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    margin-top: 12px;
    margin-bottom: 0;
}

/* Tab Sec */
.tab-sec {
    float: left;
    width: 100%;
}
.tab-sec > .nav {
    border: medium none;
    float: left;
    width: 100%;
    margin: 0;
}
.tab-sec > .nav > li {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
}
.tab-sec > .nav > li > a {
    float: left;
    border: 2px solid;
    
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;

    margin: 0;
    margin-right: -2px;
    color: #b4b4b4;
    font-family: Montserrat;
    font-size: 12px;
    border-color: #ececec;
}
.tab-sec > .nav > li.active > a {
    color: #333333;
    border: 2px solid #ececec;
}
.tab-sec > .nav > li:hover > a {
    color: #333333;
    border: 2px solid #ececec;
    background-color: none;
}
.tab-detail {
    float: left;
    width: 100%;
    display: table;
    border: 2px solid #ececec;
    margin-top: -2px;
    padding: 30px;
}
.tab-image {
    display: table-cell;
    padding-right: 30px;
}

.tab-infos {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.tab-infos > p > strong {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    font-family: Montserrat;
    color: #fff;
    line-height: 50px;
    font-size: 21px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    margin-right: 20px;
}

/* Our Clients Sec */
.our-clients-sec {
    float: left;
    padding: 0 100px;
    position: relative;
    width: 100%;
}

.carousel-client {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.carousel-client li a {-webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;}

.carousel-client li a img{border:1px solid #666666;padding:10px;border-radius:3px;}
.carousel-1,.carousel-2 {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.carousel-client1 {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.carousel-client1 li a {-webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;}

.carousel-client1 li a img{border:0px solid #666666;padding:10px;border-radius:3px;}



.our-clients-sec li a {

    
}
.our-clients-sec li a:hover{
    opacity: 0.5;
}
.our-clients-sec .owl-nav {
    height: 0;
    left: 0;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.our-clients-sec .owl-nav > div {
    background: #716a6a none repeat scroll 0 0;
    color: transparent;
    float: left;
    height: 26px;
    position: relative;
    width: 26px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
}
.our-clients-sec .owl-nav > .owl-next {
    float: right;
    margin-right: -60px;
}
.our-clients-sec .owl-nav .owl-prev {
    float: left;
    margin-left: -60px;
}
.our-clients-sec .owl-nav > div::before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.our-clients-sec .owl-nav > .owl-next::before {
    content: "\f105";
}

.fancy-mockup-image {
    float: left;
    text-align: center;
    width: 100%;
    padding: 20px;
    position: relative;
}
.fancy-mockup-image > img {
    max-width: 100%;
    display: table;
    margin: 0 auto;
}
.fancy-gallery-infos {
    float: left;
    padding-top: 30px;
    width: 100%;
}

.fancy-mockup-image:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 80%;
    border: 2px solid;
    content: "";
    z-index: -1;
}

.fancy-mockup-image:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 40%;
    border: 2px solid;
    content: "";
    z-index: -1;
}
.fancy-gallery-infos > span {
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    margin-bottom: 9px;
    width: 100%;
}
.fancy-gallery-infos > h3 {
    float: left;
    font-family: Montserrat;
    font-size: 27px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 17px;
    width: 100%;
}
.fancy-gallery-infos > p {
    float: left;
    width: 100%;
}
.mini-gallery {
    float: left;
    list-style: outside none none;
    margin: 50px 0 0;
    padding: 0;
    width: 100%;
}
.mini-gallery > li {
    float: left;
    margin-right: 1px;
}
.mini-gallery > li > a {
    float: left;
    position: relative;
    width: 100%;
}
.mini-gallery > li > a::before {
    color: #fff;
    content: "\f0b2";
    font-family: fontawesome;
    height: 100%;
    left: 0;
    line-height: -moz-block-height;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.mini-gallery > li > a:hover:before{
    opacity: 0.86;
}

/* Our Work */
.our-work-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-work-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our-work-thumb {
    background: #1e1e1e none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.our-work-thumb > img {
    float: left;
    width: 100%;
}
.our-work-thumb > ul {
    bottom: 0;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 25px;
    position: absolute;
    width: 100%;
}
.our-work-thumb > ul li {
    float: left;
    margin-right: 5px;
}
.our-work-thumb > ul li > a {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #232323;
    float: left;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 44px;
}
.our-work-thumb > ul li > a:hover{
    background-color: #555555;
    color: #ffffff;
}
.our-work-thumb > ul li:first-child > a{
    color: #ffffff;
}
.our-work-box > h3 {
    color: #2e2e2e;
    float: left;
    font-size: 18px;
    margin: 22px 0 8px;
    width: 100%;
}
.our-work-box > h3 a{
    color: inherit;
}
.our-work-box > span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
}

/* Product Features */
.product-features {
    display: table;
    float: left;
    width: 100%;
    position: relative;
}
.product-features > .product-features-list {
    display: table-cell;
    vertical-align: middle;
    width: 31%;
}
.product-features > .features-list-thumb {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 38%;
}
.product-features-list > ul {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0 55px 0 0;
    text-align: right;
    width: 100%;
}
.product-features > .product-features-list.flip {
    padding-left: 0;
}
.product-features-list.flip > ul {
    padding-left: 55px;
    padding-right: 0;
}
.product-features-list > ul > li {
    float: right;
    margin-bottom: 70px;
    padding-right: 65px;
    position: relative;
    text-align: right;
    width: 100%;
}
.product-features-list > ul > li:first-child, .product-features-list > ul > li:last-child {
    margin-right: -60px;
}
.product-features-list.flip, .product-features-list.flip ul, .product-features-list.flip li {
    text-align: left;
}
.product-features-list.flip li {
    float: left;
    padding-left: 65px;
    padding-right: 0;
}
.product-features-list.flip > ul > li:first-child, .product-features-list.flip > ul > li:last-child {
    margin-left: -60px;
}
.product-features-list.flip li > i {
    left: 0;
    right: auto;
}
.product-features-list > ul > li:last-child {
    margin-bottom: 0;
}
.product-features-list > ul > li > i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #ffffff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 40px;
}
.product-features-list h3 {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    width: 100%;
}
.product-features-list p {
    float: left;
    font-family: Roboto;
    font-size: 15px;
    margin: 2px 0 0;
    width: 100%;
}

/* Price Sec */
.price-sec {
    float: left;
    margin-top: -40px;
    width: 100%;
}
.price-table {
    float: left;
    list-style: outside none none;
    margin: 40px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.price-head:before{
      background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 70%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.9) 70%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

     content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.price-head {
    float: left;
    margin-bottom: 50px;
    padding: 70px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.price-head > img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.price-head > span {
    color: #3f3f3f;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.price-head > h3 {
    color: #222222;
    display: inline-block;
    font-family: Montserrat;
    font-size: 88px;
    font-weight: bold;
    letter-spacing: -6px;
    line-height: 67px;
    margin: 33px 0 0;
    position: relative;
}
.price-head > h3 > span {
    font-family: Lato;
    font-size: 26px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-right: 12px;
    vertical-align: top;
}
.price-table-list {
    display: none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-head > h3 > i {
    font-family: Lato;
    font-size: 19px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 8px;
    margin-left: 11px;
    position: relative;
    top: -4px;
}
.price-features {
    color: #666666;
    float: left;
    font-family: Lato;
    font-size: 15px;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}
.price-icon {
    bottom: 0;
    color: #f9f9f9;
    font-size: 207px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: -2;
    opacity: 0;
}
.price-table.active .price-icon{
    opacity: 1;
}
.price-table.active .price-button {
    bottom: -120px;
}
.price-button {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.price-button > .price-btn-detail {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    height: 53px;
    position: relative;
    text-align: center;
    width: 53px;
    cursor: pointer; ;
}
.price-btn-detail::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -7px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 15px;
}
.price-btn-detail::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 15px;
    left: 50%;
    margin-left: -1px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 3px;
}
.price-table.active .price-btn-detail::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

}
.price-table.active > .price-table-list {
    display: block;
}

.price-table.active {
    margin-bottom: 120px;
}

/* Twitter */
.twitter-carousal {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 150px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.twitter-carousal li {
    float: left;
    width: 100%;
}
.twitter-carousal::before {
    content: "\f099";
    font-family: fontawesome;
    font-size: 129px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.twitter-carousal li h3 {
    color: #1d1923;
    float: left;
    font-family: Lato;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 0.3px;
    margin: 10px 0 18px;
    text-align: center;
    width: 100%;
}
.twitter-carousal li a {
    display: table;
    font-family:Montserrat;
    font-size: 17px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    color: #a7a7a7;
}
.twitter-carousal li span {
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 20px;
    width: 100%;
    text-transform: uppercase;
}
.twitter-carousal .owl-dots {
    position: relative;
    text-align: center;
}
.twitter-carousal .owl-dots > .owl-dot {
    display: inline-flex;
    float: none;
}
.twitter-carousal .owl-nav {
    float: left;
    margin-top: 30px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 22;
}
.twitter-carousal .owl-nav > div:hover:before{
    color: #fff;
}
.twitter-carousal .owl-nav > div {
    background: #f3f3f3 none repeat scroll 0 0;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    color: transparent;
    display: inline-block;
    height: 39px;
    margin: 0 3px;
    position: relative;
    width: 39px;
}
.twitter-carousal .owl-nav > .owl-next::before {
    content: "\f105";
}
.twitter-carousal .owl-nav > div::before {
    color: #a3a3a3;
    content: "\f104";
    font-family: fontawesome;
    font-size: 16px;
    left: 0;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

/* Circle Skills */
.circle-skills > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    color: #222222;
    margin-top: 25px;
}
.circle-skills-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.circle-skills {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.04em solid;
  width: 0.92em;
  height: 0.92em;
  clip: rect(0em, 0.5em, 1em, 0em);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
    background-color: #f8f8f8;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: inline-block;
    float: none;
    font-size: 120px;
    height: 1em;
    margin: 0 0 24px;
    position: relative;
    width: 1em;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  display: block;
  font-family: Montserrat;
    font-size: 16px;
    color: #222222;
    font-weight: bold;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100 > span > i {
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
}
.c100:before {
    position: absolute;
    left: 4%;
    top: 4%;
    width: 92%;
    height: 92%;
    content: "";
    border: 4px solid #ffffff;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}
.c100:after {
    background-color: #f8f8f8;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    content: " ";
    display: block;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 0.88em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.circle-skills > .c100 {
    
    -webkit-transform: scale(1.9);
    -moz-transform: scale(1.9);
    -mos-transform: scale(1.9);
    -o-transform: scale(1.9);
    transform: scale(1.9);

}

/* Creative Portfolio Sec */
.creative-portfolio-sec {
    float: left;
    width: 100%;
}
.creative-portfolio-sec > .row {
    margin: 0;
}
.creative-portfolio-sec > .row > div {
    float: left;
    padding: 0;
}
.creative-portfolio {
    float: left;
    width: 100%;
    position: relative;
}
.c-portfolio-image {
    float: left;
    width: 50%;
    position: relative;
}
.c-portfolio-image > img {
    float: left;
    width: 100%;
}
.c-portfolio-image:before {
    position: absolute;
    right: 0;
    top: 47px;
    content: "";
    border-right: 9px solid #fff;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}
.c-portoflio-info {
    width: 50%;
    position: absolute;
    height: 100%;
    right: 0;
}
.c-portfoio-detail {
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    padding: 0 40px;
}
.c-portfoio-detail > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 19px;
    color: #0b0b0b;
    line-height: 28px;
    letter-spacing: 0px;
    margin: 0;
}

.creative-portfolio-sec1 .c-portfoio-detail > h3{font-size: 16px;line-height: 24px;}

.c-portfoio-detail > h3 > a {
    color: #0b0b0b;
}
.c-portfoio-detail > a.date-post {
    margin-top: 15px;
    margin-bottom: 0;
}
.c-portoflio-info > a {
    position: absolute;
    right: 40px;
    bottom: 20px;
    height: 47px;
    width: 47px;
    content: "";
    text-align: center;
    color: #fff;
    font-family: Montserrat;
    font-size: 24px;
    line-height: 47px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

}
.creative-portfolio.flip .c-portfolio-image {
    float: right;
}
.creative-portfolio.flip .c-portfolio-image:before {
    border-left: lime;
    right: auto;
    left: 0;
    border-left: 7px solid #ffffff;
    border-right: transparent;
}
.creative-portfolio.flip > .c-portoflio-info {
    left: 0;
    right: auto;
}

/* Team Sec */
.col-md-3 > .team > .team-info-sec {
    padding: 10px;
}
.team > img {
    float: left;
    width: 100%;
}
.team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.team-box {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    background: #000;
}
.team-box > img {
    float: left;
    width: 100%;
}
.team-name {
    background: red none repeat scroll 0 0;
    
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;

    bottom: 30px;
    left: 10%;
    position: absolute;
    width: 80%;
    height: 71px;
    padding-left: 70px;
    padding-right: 20px;
    text-align: center;
}
.team-name > i {
    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    color: #232323;
    float: left;
    font-size: 20px;
    height: 71px;
    left: 0;
    line-height: 71px;
    margin-left: -1px;
    margin-right: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 71px;
}
.team-name > h3 {
    float: left;
    width: 100%;
    font-family: Montserrat;
    font-size: 22px;
    color: #ffffff;
    line-height: 70px;
    margin: 0;
}
.team-box:hover > .team-name {
    bottom: 0;
    opacity: 0;
}
.team-box:hover > img {
    opacity: 0.39;
}
.team-info-sec {
    border: 0 none;
    bottom: 0;
    left: 0;
    padding: 30px;
    position: absolute;
    width: 100%;
}
.team {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.team-info {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    padding: 25px 95px 25px 25px;
    position: relative;
    width: 100%;
}
.team-info > h3 {
    color: #0f0f0f;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    margin: 0 0 8px;
    width: 100%;
}
.team-info > h3 a {
    color: #0f0f0f;
}
.team-info > span {
    float: left;
    padding-right: 20px;
    position: relative;
}
.team-info > span::before {
    bottom: 5px;
    content: "";
    height: 4px;
    position: absolute;
    right: 5px;
    width: 4px;
}
.team-info > a {
    background: #e6e6e6 none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #9d9d9d;
    float: left;
    font-family: Lato;
    font-size: 25px;
    font-weight: normal;
    height: 45px;
    line-height: 41px;
    position: absolute;
    right: 27px;
    text-align: center;
    top: 26px;
    width: 46px;
}
.team-info > a:hover {
    color: #fff;
}


.shop-cat-sec {
    float: left;
    width: 100%;
}
.shop-cat-sec > .row {
    margin: 0 -1px;
}
.shop-cat-sec > .row > div {
    padding: 0 1px;
}
.category-box {
    float: left;
    position: relative;
    width: 100%;
}
.category-box > img {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.category-info {
    background: #ffffff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;

    bottom: 0;
    left: 11%;
    padding: 30px 20px 0;
    position: absolute;
    text-align: center;
    width: 78%;
}
.category-info > h3 {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: normal;
    margin: 7px 0 12px;
    width: 100%;
}
.category-info > h3 a {
    color: inherit;
}
.category-info > a {
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
}
.product-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.product-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.product-thumb {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.product-thumb > img {
    float: left;
    width: 100%;
}
.product-thumb a.add-to-cart {
    bottom: 20px;
    color: #ffffff;
    font-size: 14px;
    height: 45px;
    left: 20px;
    line-height: 45px;
    position: absolute;
    text-align: center;
    width: 48px;
    z-index: 2;
}
.product-box > h3 {
    color: #1b1d21;
    float: left;
    font-family: Montserrat;
    font-size: 19px;
    font-weight: bold;
    margin: 22px 0 7px;
    width: 100%;
}
.product-box > h3 a {
    color: #1b1d21;
}
.product-box span.price {
    float: left;
    font-family: Montserrat;
    font-size: 15px;
}
.product-thumb::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);

    width: 100%;
    z-index: 1;
}
.product-box:hover .product-thumb::before {
    opacity: 0.7;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.product-box:hover .product-thumb a.add-to-cart {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 50%;
    font-size: 25px;
    left: 50%;
    
    -webkit-transform: translateY(50%) translateX(-50%);
    -moz-transform: translateY(50%) translateX(-50%);
    -ms-transform: translateY(50%) translateX(-50%);
    -o-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%);

}

/* Inner Head */
.inner-head {
    float: left;
    text-align: center;
    width: 100%;
}
.inner-head > h2 {
    color: #fff;
    float: left;
    font-family: Montserrat;
    font-size: 50px;
    letter-spacing: -1px;
    margin: 0;
    width: 100%;
}

.inner-head > h1 {
    color: #fff;
    float: left;
    font-family: Montserrat;
    font-size: 50px;
    letter-spacing: -1px;
    margin: 0;
    width: 100%;
}

.breadcrumbs {
    float: left;
    list-style: outside none none;
    margin: 14px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.breadcrumbs > li {
    display: inline-block;
    float: none;
    padding: 0 20px;
    color: #9c9c9c;
    font-family: Montserrat;
    font-size: 17px;
    position: relative;
}
.breadcrumbs > li > a {
    color: #d0d0d0;
    font-family: Montserrat;
    font-size: 17px;
}
.breadcrumbs > li:first-child {
    padding-left: 0;
}
.breadcrumbs > li:last-child {
    padding-right: 0;
}
.breadcrumbs > li:last-child::before {
    display: none;
}
.breadcrumbs > li::before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    right: -6px;
    top: 0;
}


.pagination {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    margin: 70px 0 0;
    padding: 2px 2px 3px 1px;
    text-align: center;
    width: 100%;
}
.pagination ul {
    display: inline-block;
    list-style: outside none none;
    margin: 7px 0 0;
    padding: 0;
}
.pagination li {
    float: left;
    font-family: Montserrat;
    font-size: 12px;
    margin: 0 4px 0 0;
}
.pagination li:last-child {
    margin: 0;
}
.pagination li.active a, .pagination li a:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

}
.pagination li.active a, .pagination li a:hover {
    color: #ffffff;
}
.pagination li .delimeter {
    display: block;
    padding-top: 6px;
}
.pagination a {
    background: #fff none repeat scroll 0 0;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    color: #666;
    float: left;
    font-family: Roboto;
    padding: 3px 13px;
    text-decoration: none;
}


/* Single Sec */
.single-sec {
    float: left;
    width: 100%;
}
.single-post-thumb {
    float: left;
    width: 100%;
}
.single-post-thumb > img {
    float: left;
    width: 100%;
}
.single-post-infos {
    float: left;
    width: 100%;
}
.single-post-infos > h2 {
    color: #1d1d1d;
    float: left;
    font-family: Montserrat;
    font-size: 23px;
    margin: 40px 0 15px;
    width: 100%;
}
.post-admin {
    float: right;
    margin-top: -20px;
    padding-right: 0;
    width: 49%;
}
.single-quick {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 50%;
}
.single-quick > li {
    float: left;
    padding-right: 25px;
}
.single-quick > li > a {
    color: #7b7b7b;
    display: inline-block;
    font-family: Roboto;
    font-size: 12px;
    margin: 0 2px;
}
.single-quick > li > i {
    float: left;
    font-size: 14px;
    line-height: 28px;
    margin-right: 9px;
}
.single-post-infos > p {
    display: inline-block;
    margin: 12px 0;
}

/* Branch Sec */
.branch-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.branch {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    border:1px solid #808080;
    overflow:hidden;
}
.branch > img {
    float: left;
    width: 100%;
    -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  
}

.branch > img:hover{
    -webkit-transform: scale3d(1.1, 1.1, 1);
          transform: scale3d(1.1, 1.1, 1);
}

.branch-info-sec {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    /*padding: 0 30px 10px;*/
    border-top:3px solid #f302e7;
    padding:5px 10px;
    position: absolute;
    width: 100%;
}
.branch-info-sec > h3 {
    color: #262626;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 9px;
    padding-top: 5px;
    width: 100%;
}
.branch-info-sec > span > i {
    float: left;
    line-height: 22px;
    margin-right: 8px;
    color:#61cd87;
}
.branch-info-sec > span {
    color: #535353;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0;
    width: 100%;
}

/* Branch Section */
.events-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.event {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.event-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.event-thumb:before{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}
.location-event {
    background: #fff none repeat scroll 0 0;

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;

    color: #949494;
    font-family: roboto;
    font-size: 11px;
    left: 0;
    padding: 8px 19px;
    position: absolute;
    top: 17px;
}
.location-event > strong {
    color: #333333;
    font-weight: normal;
}
.event-thumb > img {
    float: left;
    width: 100%;
}
.event-thumb > h3 {
    bottom: 0;
    color: #ffffff;
    font-family: Montserrat;
    font-size: 19px;
    left: 0;
    line-height: 30px;
    margin: 0;
    padding: 30px 40px 27px;
    position: absolute;
}
.event-thumb > h3 a {
    color: #fff;
}
.event-feature {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 30px 42px;
    width: 100%;
}
.event-feature > li {
    color: #515151;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    width: 100%;
}
.event-feature > li > i {
    float: left;
    line-height: 27px;
    margin-right: 3px;
    text-align: center;
    width: 30px;
}
.event-timing {
    background: #e9e9e9 none repeat scroll 0 0;
    float: left;
    padding: 23px 30px;
    width: 100%;
}
.event-countdown {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.event-countdown > li {
    float: left;
    padding-right: 17px;
    text-align: center;
}
.event-countdown > li > span {
    color: #4f4f4f;
    display: inline-block;
    font-family: Roboto;
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
}
.event-countdown > li > p {
    color: #a5a5a5;
    display: table;
    font-family: Roboto;
    font-size: 11px;
    font-weight: normal;
    line-height: 19px;
    margin: 0;
    text-transform: uppercase;
}
.event-timing > a {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    content: "";
    float: right;
    font-size: 19px;
    height: 35px;
    line-height: 32px;
    margin-top: 6px;
    text-align: center;
    width: 35px;
}

.search-result {
    float: left;
    width: 100%;
}
.search-result > h3 {
    color: #222222;
    float: left;
    font-family: Montserrat;
    font-size: 19px;
    margin: 0 0 11px;
    width: 100%;
}
.search-result > p {
    color: #767676;
    font-size: 14px;
}
.search-result .search_widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.search_widget > form {
    float: left;
    position: relative;
    width: 100%;
}
.search_widget > form input {
    background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;
    color: #5f5f5f;
    float: left;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 21px 30px;
    width: 100%;
}
.search-result .search_widget > form input {
    background: #f5f5f5 none repeat scroll 0 0;
}
.search_widget > form button {
    border: medium none;
    color: #ffffff;
    height: 46px;
    position: absolute;
    right: 6px;
    top: 7px;
    width: 46px;
}
.search-result > img {
    left: 50%;
    margin-top: 100px;
    position: relative;

    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.search-result > .blog-sec {
    margin-top: 40px;
}

/* Contact List */
.contact-list {
    float: left;
    width: 100%;
}
.contact-list > .social-btns {
    float: left;
    margin: 40px 0 0;
}
.contact-list > .social-btns > li > a {
    background: #f1f1f1 none repeat scroll 0 0;
}
.contact-list > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-style: italic;
    /*line-height: 45px;*/
    margin-top: 16px;
    width: 100%;
}
.contact-list > span > i {
    background: #555555 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-right: 22px;
    text-align: center;
    width: 35px;
}

/* Coming Soon */
.comming-soon {
    float: left;
    text-align: center;
    width: 100%;
}
.comming-soon > .logo {
    display: inline-block;
    float: none;
}
.comming-soon > span {
    color: #b1b1b1;
    float: left;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 300;
    margin-top: 160px;
    text-transform: lowercase;
    width: 100%;
}
.comming-soon > h2 {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 99px;
    font-weight: bold;
    letter-spacing: -5px;
    margin: 40px 0 0;
    width: 100%;
}
.comming-soon > h2 > span {
    font-weight: 100;
}
.countdown {
    float: left;
    list-style: outside none none;
    margin: 90px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}
.countdown > li {
    display: inline-block;
    padding: 0 30px;
    position: relative;
}
.countdown > li > span {
    display: list-item;
    float: left;
    font-family: Montserrat;
    font-size: 54px;
    margin-bottom: 11px;
}
.countdown > li > p {
    color: #bfbfbf;
    margin: 0;
}
.comming-soon.light-sson > span {
    color: #636363;
}
.comming-soon.light-sson .logo a > strong {
    color: #222222;
}
.comming-soon.light-sson h2 {
    color: #222222;
}
.comming-soon.light-sson .countdown > li > p {
    color: #555555;
}
.bottom-line .social-btns > li a {
    background: #454545 none repeat scroll 0 0;
    margin-top: 18px;
}

/* Error Sec */
.error-sec {
    float: left;
    text-align: center;
    width: 100%;
}
.error-sec > i {
    float: left;
    font-size: 103px;
    width: 100%;
}
.error-sec h2 {
    color: #585757;
    float: left;
    font-family: Montserrat;
    font-size: 252px;
    font-weight: bold;
    letter-spacing: -20px;
    margin: 0;
    width: 100%;
}
.error-sec > span {
    color: #bbbbbb;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    width: 100%;
}
.error-sec > p {
    float: left;
    margin-left: 25%;
    margin-top: 20px;
    width: 50%;
}
.error-btn {
    float: left;
    list-style: outside none none;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.error-sec.style2 > .error-btn {
    float: left;
    margin-bottom: 120px;
    width: auto;
}
.error-btn > li {
    display: inline-block;
    margin: 0 -2px;
}
.error-btn > li > a {
    border: 3px solid;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: bold;
    padding: 9px 0;
    width: 150px;
}
.error-btn > li.fill > a {
    color: #ffffff;
}
.error-sec > img {
    display: inline-block;
    float: none;
    margin-top: 100px;
    max-width: 100%;
}
.error-sec.style2 {
    text-align: left;
}
.error-sec.style2 > p {
    margin-left: 0;
    width: 100%;
}

/* FAQ */
.faq-form {
    float: left;
    width: 100%;
}
.faq-form input[type="text"] {
    border: 3px solid #e4e4e4;
    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;

    color: #acacac;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 19px 60px;
    width: 100%;
}
.faq-form button {
    border: medium none;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;

    color: #fff;
    float: left;
    font-size: 21px;
    padding: 19px 20px;
    text-align: center;
    width: 100%;
}
.faq-sec > .faq-form {
    margin-bottom: 100px;
}
.experties {
    float: left;
    width: 100%;
}
#toggle-widget > h2 {
    border: 1px solid #f1f1f1;
    color: #222222;
    cursor: pointer;
    float: left;
    font-family: Montserrat;
    font-size: 15px;
    margin: 0 0 -1px;
    padding: 22px 40px;
    position: relative;
    width: 100%;
}
.experties > .content {
    border: 1px solid #f1f1f1;
    float: left;
    margin-bottom: -1px;
    padding: 30px 40px;
    width: 100%;
}
#toggle-widget > h2.active{
    color: #fff;
}
.contact-details {
    float: left;
    width: 100%;
}
.contact-infos > ul {
    float: left;
    list-style: outside none none;
    margin: 25px 0 0;
    padding: 0;
    width: 100%;
}
.contact-infos > ul > li {
    float: left;
    padding-right: 20px;
    width: 50%;
}
.contact-infos > ul li span {
    color: #333333;
    float: left;
    font-family: Montserrat;
    font-size: 17px;
    margin-bottom: 7px;
    width: 100%;
}
.contact-infos > ul > li > span > i {
    margin-right: 9px;
}
.contact-details > .social-btns {
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
    width: 100%;
}
.contact-details > .social-btns a {
    background: #f2f2f2 none repeat scroll 0 0;
}

/* Gallery Sec */
.gallery-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.gallery-box {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
}
.gallery-box > img {
    float: left;
    width: 100%;
}
.gallery-info-sec {
    content: "";
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.gallery-layer {
    /*background: rgba(39, 39, 39, 0.95) none repeat scroll 0 0;*/
    background: rgba(239, 239, 239, 0.7) none repeat scroll 0 0;
    float: left;
    height: 100%;
    opacity: 0;
    position: relative;
    width: 100%;
}
.gallery-box:hover .gallery-layer {
    opacity: 1;
}
.gallery-box:hover .gallery-info-sec {
    padding: 14px;

    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.gallery-box:hover .gallery-info-sec .gallery-detail {
    margin: 0;
    opacity: 1;

    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}
.gallery-detail {
    left: 0;
    margin-top: 50px;
    opacity: 0;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    width: 100%;
}
.gallery-detail > i {
    float: left;
    font-size: 24px;
    margin-bottom: 20px;
    width: 100%;
}
.gallery-detail > h3 {
    color: #ffffff;
    float: left;
    font-size: 20px;
    line-height: 31px;
    margin: 0 0 20px;
    padding-right: 30px;
    width: 100%;
}
.gallery-detail > h3 a{
    color: #ffffff;
}
.gallery-detail > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery-detail > ul > li {
    float: left;
}
.gallery-detail > ul > li > a {
    color: #ffffff;
    content: "";
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 45px;
}

select {
    display: none;
}
.nice-select {
    -moz-user-select: none;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: medium none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

    white-space: nowrap;
    width: auto;
}
.nice-select:hover {
    border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999;
}
.nice-select::after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transform-origin: 66% 66% 0;
    -moz-transform-origin: 66% 66% 0;
    -ms-transform-origin: 66% 66% 0;
    -o-transform-origin: 66% 66% 0;
    transform-origin: 66% 66% 0;

    
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;

    width: 5px;
}
.nice-select.open::after {

    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;

    -webkit-transform: scale(1) translateY(0px);
    -moz-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    -o-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
}
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none;
}
.nice-select.disabled::after {
    border-color: #cccccc;
}
.nice-select.wide {
    width: 100%;
}
.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.nice-select.right {
    float: right;
}
.nice-select.right .list {
    left: auto;
    right: 0;
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}
.nice-select.small::after {
    height: 4px;
    width: 4px;
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}
.nice-select .list {
    background-color: #fff;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -moz-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -ms-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -o-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    
    left: 0;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    
    -webkit-transform: scale(0.75) translateY(-21px);
    -moz-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    -o-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);

    -webkit-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25) 0s, opacity 0.15s ease-out 0s;
    -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25) 0s, opacity 0.15s ease-out 0s;
    -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25) 0s, opacity 0.15s ease-out 0s;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25) 0s, opacity 0.15s ease-out 0s;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25) 0s, opacity 0.15s ease-out 0s;

    z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: outside none none;
    min-height: 40px;
    outline: medium none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6;
}
.nice-select .option.selected {
    font-weight: bold;
}
.billing-sec {
    float: left;
    width: 100%;
}
.billing-sec > form {
    float: left;
    width: 100%;
}
.field-custom {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.field-custom > label {
    color: #121212;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
}
.field-custom .nice-select {
    background: #f3f3f3 none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

    float: left;
    height: 58px;
    margin-bottom: 10px;
    padding: 9px 30px;
    width: 100%;
}
.field-custom > p {
    float: left;
    font-size: 14px;
    line-height: 10px;
    margin: 0 0 21px;
    width: 100%;
}
.field-custom textarea {
    background: #f3f3f3 none repeat scroll 0 0;
    border: medium none;
    float: left;
    min-height: 200px;
    padding: 30px;
    width: 100%;
}
.cart-total-details {
    background: #f3f3f3 none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    padding: 40px 50px;
    width: 100%;
}
.cart-total-details > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-total-details > ul > li {
    float: left;
    line-height: 30px;
    margin: 4px 0;
    width: 100%;
}
.cart-total-details li > span {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    width: 60%;
}
.cart-total-details li > i {
    float: left;
    font-family: Roboto;
    font-style: normal;
    width: 40%;
}
.cart-total-details > .total {
    color: #111111;
    float: left;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: normal;
    margin-top: 25px;
    width: 100%;
}
.cart-total-details > h3 {
    border-bottom: 2px solid #c8cccc;
    float: left;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 30px;
    padding-bottom: 20px;
    width: 100%;
}
.cart-coupon-detail {
    float: left;
    padding: 40px 0;
    width: 100%;
}
.cart-coupon-detail > h3 {
    border-bottom: 2px solid #e8ecec;
    float: left;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 37px;
    padding-bottom: 20px;
    width: 100%;
}
.cart-coupon-detail > input[type="text"] {
    background: #f3f3f3 none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 58px;
    margin-bottom: 10px;
    padding: 0 30px;
    width: 100%;
}
.cart-coupon-detail > input[type="submit"] {
    background: #232323 none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 15px;
    padding: 17px 30px;
}
.submit-all-fields {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}
.submit-all-fields > button {
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-family: Roboto;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 23px 90px;
}
.field-custom > label i {
    font-style: normal;
}
.field-custom .nice-select::after {
    right: 30px;
}
.field-custom .nice-select > ul {
        
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;


    width: 100%;
}
.field-custom > input {
    background: #f3f3f3 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-family: Roboto;
    height: 58px;
    margin-bottom: 10px;
    padding: 0 30px;
    width: 100%;
}

/* Cart */
.c-input-number {
    display: table-cell;
    vertical-align: middle;
    width: 110px;
}
.c-input-number > span {
    float: left;
    width: 100%;
}
.c-input-number > span input.manual-adjust {
    background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    font-family: Montserrat;
    height: 48px;
    margin-bottom: 1px;
    padding: 12px 0;
    text-align: center;
    width: 100%;
}
.c-input-number > span input.userincr-btn-dec {
    background: #6a6a6a none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: left;
    font-family: Montserrat;
    height: 33px;
    line-height: 33px;
    padding: 0;
    width: 55px;
}
.c-input-number > span input.userincr-btn-inc {
    background: #6a6a6a none repeat scroll 0 0;
    border: medium none;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    float: right;
    font-family: Montserrat;
    height: 33px;
    line-height: 33px;
    padding: 0;
    width: 54px;
}
.total-of-item {
    color: #323232;
    display: table-cell;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}
.cart-sec {
    float: left;
    width: 100%;
}
.item-carts {
    float: left;
    list-style: outside none none;
    margin: -62px 0 0;
    padding: 0;
    width: 100%;
}
.item-carts > li {
    display: table;
    float: left;
    margin-top: 62px;
    width: 100%;
}
.cart-list {
    display: table;
    float: left;
    width: 100%;
}
.cart-image-title {
    display: table-cell;
    width: 43%;
}
.cart-image-title > span {
    float: left;
    position: relative;
}
.cart-image-title > span img {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.cart-image-title > span > i {
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    bottom: 10px;
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 30px;
}
.title-of-cart {
    display: table;
    padding-left: 27px;
    vertical-align: middle;
}
.title-of-cart > h3 {
    color: #232323;
    float: left;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: bold;
    margin: 39px 0 0;
    width: 100%;
}
.title-of-cart > h3 > a {
    color: #232323;
    float: left;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}
.title-of-cart > span {
    color: #a0a0a0;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin-top: 7px;
    width: 100%;
}
.quantity {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 19%;
}
.quantity > span {
    color: #555555;
    float: left;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
}
.quantity > i {
    float: left;
    font-style: normal;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
}
.how-much-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 19%;
}
.coupens-area {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.coupens-area .coupon {
    float: left;
    margin-right: 20px;
}
.coupens-area .coupon > label {
    float: left;
    font-family: Montserrat;
    line-height: 56px;
    margin: 0 12px 0 0;
}
.coupens-area .coupon > input[type="text"] {
    border: 1px solid #e8ecec;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    height: 51px;
    margin-right: 6px;
    padding: 0 20px;
}
.coupens-area > input {
    background: #555555 none repeat scroll 0 0;
    margin-right: 1px;
}

/* Cart total Area */
.cart-total-area {
    float: left;
    width: 100%;
}
.cart-total-area > h2 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 28px 20px;
    text-align: center;
    width: 100%;
}
.cart-total-area > ul {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 40px 70px;
    width: 100%;
}
.cart-total-area li {
    float: left;
    padding: 14px 0;
    width: 100%;
}
.cart-total-area li > strong {
    color: #575757;
    float: left;
    font-family: Montserrat;
    font-size: 16px;
    width: 70%;
}
.cart-total-area li > span {
    color: #888888;
    float: left;
    font-family: Roboto;
    font-size: 16px;
    width: 30%;
}
.cart-total-area li > p {
    color: #808080;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    margin: 0;
    width: 100%;
}
.calculating-shipping {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    padding: 50px 70px;
    width: 100%;
}
.calculating-shipping > .nice-select {
    border: medium none;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;

    float: left;
    height: 49px;
    margin: 5px 0;
    width: 100%;
}
.calculating-shipping > .nice-select > span {
    color: #afafaf;
    float: left;
    padding: 4px 10px;
    width: 100%;
}
.calculating-shipping > .theme-btn {
    background: #666666 none repeat scroll 0 0;
    float: right;
    margin-top: 40px;
}
.service-infos-square > a:hover {
    background: #ffffff !important;
    color: #333333 !important;
}
.mini-portfolio .portfolio-info > ul > li.open-image:hover > a, .mini-portfolio .portfolio-info > ul > li:hover > a {
    background: #444444;
    color: #ffffff;
}
.blog-post-thumb > a:hover {
    background: #ffffff;
    color: #333333;
}
.quick-links-widget > li > a:hover {
    color: #fff;
}
.our-work-thumb:hover > img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
}
.our-work-thumb:hover > ul {
    padding-bottom: 40px;
}
.our-work-thumb > ul li:first-child:hover > a, .our-work-thumb > ul li:hover > a {
    background: #444444;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}


/* SidePanel */
.side-panel {
    background: none repeat scroll 0 0 #5D5D5D;
    
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    -ms-border-radius: 0 0 0 3px;
    -o-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    
    height: auto;
    position: fixed;
    right: -209px;
    top: 30%;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    
    width: 209px;
    z-index: 2147483647;
}
.side-panel:hover .panel-button {
    background: #a3a3a3 none repeat scroll 0 0;
    color: #ffffff;
}
.color-schemes > h4 {
    color: #ffffff;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 30px;
    padding: 21px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.color-schemes > h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #4E4E4E;
    content: "";
}
.two-layouts {
    float: left;
    margin-bottom: 38px;
    width: 100%;
}
.two-layouts > h4 {
    border-bottom: 1px solid #696969;
    color: #FFFFFF;
    float: left;
    font-family: Montserrat;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 30px;
}
.two-layouts > h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #4E4E4E;
    content: "";
}
.color-schemes > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.color-schemes > ul > li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 

    display: inline-block;
    float: none;
    height: 30px;
    list-style: outside none none;
    margin: 5px;
    overflow: hidden;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    
 
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    
    width: 30px;
}
.color-schemes > ul > li:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.color-schemes > ul > li .blue {
    background: #659fff;
}
.color-schemes > ul > li .brown {
    background: #968759;
}
.color-schemes > ul > li .green {
    background: #61cd87;
}
.color-schemes > ul > li .mehandi {
    background: #5b5618;
}
.color-schemes > ul > li .orange {
    background: #fc9b44;
}
.color-schemes > ul > li .peach {
    background: #daa969;
}
.color-schemes > ul > li .purple {
    background: #9244fc;
}
.color-schemes > ul > li .red {
    background: #ff2929;
}
.color-schemes > ul > li .salmon {
    background: #ec799a;
}
.color-schemes > ul > li .skyblue {
    background: #6cb8ff;
}

.panel-button {
    background-color: #404040;
    background-repeat: no-repeat;
    
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    
    color: #fff;
    cursor: pointer;
    height: 40px;
    left: -40px;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 39px;
}
.side-panel.show {
    right: 0;
}

.color-schemes > ul > li > a {
    float: left;
    height: 30px;
    width: 30px;
    background: #fff;
    cursor: pointer;
}
.color-schemes {
    float: left;
    width: 100%;
}

.side-panel:hover {
    right: 0;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
}
.two-layouts > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.side-panel .two-layouts > .choose-bg > li {
    float: left;
    list-style: none outside none;
    margin: 15px 2px 30px;
}
.side-panel .two-layouts > ul > li > a {

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
    
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    padding: 10px 12px;
}
.two-layouts ul.choose-bg > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    float: left;
    height: 30px;
    margin: 0 5px;
    width: 30px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none outside none;
}
.two-layouts > ul > li > a {

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
    
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    margin: 0 5px;
    padding: 10px 12px;
}

.two-layouts > ul > li > .boxed-style {
    background: none repeat scroll 0 0 #28AB7C;
}
.two-layouts > ul > li > .full-width {
    background: none repeat scroll 0 0 #ed9d5c;
}


/* Cross Browser Compatibility */
.social-btns *,
.menus-header > li::before,
.search-header *,
.account-popup-sec *,
.account-popup-sec,
.simple-header,
.simple-header *,
.service-image,
.service-image *,
.service-infos-square:before,
.fun-fact,
.fun-fact *,
.mini-portfolio *,
.mini-portfolio::before,
.features-mini-list *,
.blog-post *,
.price-table,
.price-table *,
.product-box,
.product-box *,
.product-thumb::before,
.gallery-box,
.gallery-box *,
.theme-btn,
.quick-links-widget *,
.footer-post > h3 a,
.quick-bottom-links > li a,
.our-work-box *{

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

.class1{
    font-family:Montserrat;
    color:#ffffff !important; 
    letter-spacing:0px;
    font-size:27px; 
}
.class2{
    font-family:Montserrat; 
    font-weight:900; color:#ffffff; 
    letter-spacing:0.5px;
    font-size:204px; 
}
.class3{
    font-family:Montserrat;  
    font-weight:900; 
    font-size:19px; 
    color:#d0d0d0 !important; 
    letter-spacing:0px; 
}
.btn-slide{
    color:#ffffff; 
    padding:18px 35px; 
    font-size:17px; 
    font-family:Montserrat;
}
.class4{
     font-family:fontawesome; 
     font-size:102px; 
}
.class5{
    font-family:Montserrat; 
    font-size:36px; 
    font-weight:normal; 
    color:#cccbcb; 
    letter-spacing:0px;
    background:rgba(29, 29, 29,0.8); 
    padding:5px 10px;
}
.class6{
    font-family:Montserrat; 
    font-size:85px; 
    font-weight:900; 
    color:#ffffff; 
    letter-spacing:0px; 
}
.class7{
    font-family:Montserrat; 
    font-size:19px; 
    font-weight:normal; 
    color:#d0d0d0; 
    letter-spacing:0px; 
    text-transform:uppercase; 
}
.class8{
    font-family:Montserrat; 
    font-size:22px; 
    color:#d9d9d9; 
    font-weight:bold; 
    letter-spacing:0px; 
}
.class9{
    font-family:Montserrat; 
    font-size:71px; 
    font-weight:900; 
    color:#ffffff; 
    letter-spacing:0px; 
}
.class10{
    font-family:Montserrat; 
    font-size:71px; 
    font-weight:900; 
    color:#ffffff; 
    letter-spacing:0.5px; 
}
.class11{
    font-family:Montserrat; 
    font-size:22px; 
    font-weight:normal; 
    color:#969696; 
    letter-spacing:0px; 
}
.class12{
    font-family:Montserrat; 
    font-size:129px; 
    font-weight:bold; 
    color:#5e5e5e; 
    letter-spacing:-9px; 
}
.class13{
    font-family:Montserrat; 
    font-size:129px; 
    font-weight:bold; 
    color:#5e5e5e; 
    letter-spacing:-9px; 
}
.class14{
    font-family:Montserrat; 
    font-size:22px; 
    font-weight:bold; 
    letter-spacing:0px; 
}
.class15{
     font-family:fontawesome; 
     font-size:36px; 
     color:#ffffff; 
}
.class16{
    font-family:Montserrat; 
    font-size:22px; 
    color:#303030; 
    font-weight:bold; 
    letter-spacing:0px; 
}
.class17{
    font-family:Montserrat; 
    font-size:71px; 
    font-weight:900; 
    color:#242424; 
    letter-spacing:0px; 
}
.class18{
    font-family:Montserrat; 
    font-size:71px; 
    font-weight:900; 
    color:#242424; 
    letter-spacing:0.5px; 
}
.class19{
    font-family:Montserrat; 
    font-size:22px; 
    font-weight:normal; 
    color:#969696; 
    letter-spacing:0px; 
}
.class20{
     font-family:Montserrat; 
     font-size:390px; 
     color:#e9e9e9; 
     font-style:normal; 
     font-weight:bold; 
}
.class21{
    font-family:Montserrat; 
    font-size:26px; 
    color:#636363; 
    letter-spacing:0px; 
}
.class22{
    font-family:Montserrat; 
    font-size:167px; 
    font-weight:900; 
    letter-spacing:0px; 
}
.class23{
    font-family:Montserrat; 
    font-size:26px; 
    color:#ffffff; 
    letter-spacing:0px; 
    background-color:#232323; 
    padding:14px 40px;
}
.class24{
     font-family:fontawesome; 
     font-size:91px; 
}
.class25{
    font-family:Roboto; 
    font-size:19px; 
    font-weight:normal; 
    color:#555555; 
    letter-spacing:0px; 
}
.class26{
    font-family:Montserrat; 
    font-size:63px; 
    font-weight:900; 
    color:#333333; 
    letter-spacing:0px; 
}
.class27{
    font-family:Montserrat; 
    font-size:48px; 
    font-weight:normal; 
    color:#333333; 
    letter-spacing:0px; 
}
.class28{
    padding:18px 35px; 
    color:#323131; 
    font-family:Montserrat; 
    font-size:17px; 
    background-color:#ffffff; 
    border-radius:3px;
}


.fun-fact > i,
.mini-portfolio .portfolio-info > ul > li > a,
.blog-post:hover .blog-post-thumb > a,
.post-admin img,
.contact-list > span > i,
.gallery-detail > ul > li > a,
.service-infos-square > a{
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.gallery-detail h2{color:#0092dd;font-size:28px;margin-top:5px;}
.gallery-detail h3 a{color:#3b3b3b;}
.enterbtn{font-size:18px;color:#ffffff;background:#2f1e83;padding:5px;border-radius:5px;}



.sitem{border: double 3px rgba(187, 185, 185, 0.60);padding:10px;margin-bottom:10px;text-align:center;border-radius:5px;background:rgba(229, 227, 227, 0.90);
       vertical-align:middle;text-transform:uppercase;font-size:16px;font-weight:bold;
       -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.sitem:hover{border: double 3px rgba(5, 114, 207, 0.60);}

/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 
            margin-bottom:15px;
			border: 1px solid #ccc;
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */
        .flip-container{
            width: 100%;
			height: 97px;

        }
		 .front,.front1, .back {
			width: 100%;
			height: 95px;
            background:#ffffff;
            text-align:center;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front,.front1, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front,.front1 {
            display:table;
            text-transform:uppercase;
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: rgba(229, 227, 227, 0.90);
			z-index: 2;
		}

        .frontin{width:100%;font-weight:bold;text-align:center; display: table-cell;vertical-align: middle;}

		.back {
			
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name,.front1 .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back-logo {
			position: absolute;
			top: 40px;
			left: 90px;
			width: 160px;
			height: 117px;
			background: url(logo.png) 0 0 no-repeat;
		}

		.back-title {
			font-weight: bold;
			color: #00304a;
			position: absolute;
			top: 180px;
			left: 0;
			right: 0;
			text-align: center;
			text-shadow: 0.1em 0.1em 0.05em #acd7e5;
			font-family: Courier;
			font-size: 22px;
		}

		.back p {
			position: absolute;
			bottom: 40px;
			left: 0;
			right: 0;
			text-align: center;
			padding: 0 20px;
			font-size: 18px;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */



 .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  margin-top:30px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect:hover img {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.hovereffect h2 {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 14px;
  padding: 10px;
  margin-top:10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect div.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 5px;
  
  color: #fff;
  margin: 120px 0 0 0;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  height: 85%;
  width: 85%;
  position: absolute;
  top: -20%;
  left: 8%;
  padding-top: 20px;
}

.hovereffect:hover div.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}

.pvc,.pvc1{margin:0;padding:0;}
.pvc li,.pvc1 li{text-align:center;}
.owl-carousel li{list-style-type:none;}

.owl-carousel .owl-nav {
    height: 0;
    left: 0;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-carousel .owl-nav > div {
    background: #716a6a none repeat scroll 0 0;
    color: transparent;
    float: left;
    height: 26px;
    position: relative;
    width: 26px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
}
.owl-carousel .owl-nav > .owl-next {
    float: right;
    margin-right: -60px;
}
.owl-carousel .owl-nav .owl-prev {
    float: left;
    margin-left: -60px;
}
.owl-carousel .owl-nav > div::before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    left: 0;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.owl-carousel .owl-nav > .owl-next::before {
    content: "\f105";
}

@keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
      transform: rotateY(90deg);
    }
  }

.alogo img{
    
    width:170px;
-webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: alternate;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
     
      /* Safari 4.0 - 8.0 */
   
}

.list1{padding:0 0 0 15px;margin:0;}

.padbot10{padding-bottom:10px;}

.margtop20{margin-top:20px;}

.margbot20{margin-bottom:20px;}

.border1{border-bottom: double #FEC240}
.border2{border:1px solid #d9d9d9}

.font20{font-size:20px;color:#EC008C}
.font16{font-size:16px;font-weight:bold;}
.font18{font-size:18px;}

.list2 {
list-style-type: none;
padding: 0;
margin: 0;
}

.list2 li{
background: url('../images/resource/bullet.jpg') no-repeat 0 12px;
height: 54px;
padding-left: 23px;
padding-top: 4.5px;
}

.fimg{
background: url('../images/resource/parallax3.jpg') repeat scroll 50% 422.28px transparent;
}

.pax{
background: url('../images/resource/parallax7.jpg') repeat scroll 50% 422.28px transparent;
}

.list3{
margin:0;
list-style-position:outside;

}

.list3 li{
height: 54px;
padding-left: 23px;
padding-top: 4.5px;
}

.color-picker-box {
            display: block;
            border-top: 1px solid;
            border-color: inherit;
            float: left;
            width: 10%;
            height: 16px;
            cursor: pointer;
        }

.back{
	background:#0077BD;
}

.mb40{
	margin-bottom: 40px;
}

.mb44{
	margin-bottom: 44px;
}

.mb10{
	margin-bottom: 10px;
}

.mt20{
	margin-top: 20px;
}

.no{
	display:none;
}

.br3{
	border-radius:3px;
}

.f1{
	font-size:22px;
	text-align:center;
}

.colo{
	color:white;
}


.back1{
	background: white;
	padding:5px;
}

.blo{
display: block;
}

.ba{
background: #f3f1f2;
}

.fback{
background: #eeeeee;
}

.newb{
background:#eeeeee;
}

.p15{
padding: 15px 0;
}

.slide{
margin:0px auto;
padding:0px;
margin-top:0px;
margin-bottom:0px;
max-height:480px;
}

.slide1{
max-height:480px;
height:480px;
}

.ta{
display: table;
}

.f18{
font-size:18px;
}

.mt20{
margin-top: 20px;
}

.blue{background:#0077BD;}
.colorwhite{color:#ffffff;}
.colorwhite:hover{color:#ffffff;}

.z{
z-index: 3
}

.img-responsive{width:100%;height:auto}
.margleft14{margin-left:14px;}

@media (max-width: 767px) {
    .margleft14{margin-left:0px;}
}

.newbor{
	border-top: double #FEC240;
	}

	
	.mt20{
		margin-top: 20px;
	}
	
.newspaper {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
}