@import "font-awesome.css";
 @import "flexslider.css";
 @import "owl.carousel.css";
 @import "shortcodes.css";
 @import "simple-line-icons.css";
 @import "revolution-slider.css";
 @import "magnific-popup.css";
 @import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic";
 @import "https://fonts.googleapis.com/css?family=Poppins:400,300,600,500,700";
 html {
     overflow-y : scroll;
     -webkit-text-size-adjust : 100%;
     -ms-text-size-adjust : 100%
}
 body {
     line-height : 1;
     -webkit-font-smoothing : antialiased;
     -webkit-text-size-adjust : 100%;
     -ms-text-size-adjust : 100%
}
 a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video {
     font-family : inherit;
     font-size : 100%;
     font-weight : inherit;
     font-style : inherit;
     vertical-align : baseline;
     margin : 0;
     padding : 0;
     border : 0;
     outline : 0;
     background : 0 0
}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
     display : block
}
 ol,ul {
     list-style : none
}
 blockquote,q {
     -webkit-hyphens : none;
     -moz-hyphens : none;
     -ms-hyphens : none;
     hyphens : none;
     quotes : none
}
 figure {
     margin : 0
}
 :focus {
     outline : 0
}
 table {
     border-collapse : collapse;
     border-spacing : 0
}
 img {
     border : 0;
     -ms-interpolation-mode : bicubic;
     vertical-align : middle
}
 legend {
     white-space : normal
}
 button,input,select,textarea {
     font-size : 100%;
     margin : 0;
     max-width : 100%;
     vertical-align : baseline;
     -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
     box-sizing : border-box
}
 button,input {
     line-height : normal
}
 input,textarea {
     background-image : -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0))
}
 button,input[type=button],input[type=reset],input[type=submit] {
     line-height : 1;
     cursor : pointer;
     -webkit-appearance : button;
     border : none
}
 input[type=checkbox],input[type=radio] {
     padding : 0
}
 input[type=search] {
     -webkit-appearance : textfield
}
 input[type=search] : : -webkit-search-decoration {
     -webkit-appearance : none
}
 button : : -moz-focus-inner,input : : -moz-focus-inner {
     border : 0;
     padding : 0
}
 *,*:before,*:after {
     -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
     box-sizing : border-box
}
 *,*:before,*:after {
     -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
     box-sizing : border-box
}
 body {
     font-family : source sans pro,sans-serif;
     font-size : 15px;
     font-weight : 400;
     background-color : #fff;
     color : #666e70;
     line-height : 1.8
}
 a {
     color : #21242b;
     text-decoration : none;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 p {
     margin-top : 0;
     margin-bottom : 20px;
     font-size: 16px;
}
 p : last-child {
     margin-bottom : 0
}
 span {
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 a:hover,a:focus {
     color : #01b0dd;
     text-decoration : none;
     outline : 0;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 ul,ol {
     padding : 0
}
 img {
     max-width : 100%;
     height : auto;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 b,strong {
     font-weight : 700
}
 h1 {
     font-size : 48px
}
 h2 {
     font-size : 36px
}
 h3 {
     font-size : 30px
}
 h4 {
     font-size : 24px
}
 h5 {
     font-size : 18px
}
 h6 {
     font-size : 16px
}
 h1,h2,h3,h4,h5,h6 {
     font-family : poppins,sans-serif;
     font-weight : 600;
     font-style : normal
}
 h1,h2,h3,h4,h5,h6 {
     margin : 30px 0 20px;
     color : #21242b;
     line-height : 1.1
}
 button {
     border : none
}
 button,input[type=button],input[type=reset],input[type=submit],.button {
     color : #fff;
     background-color : #02afe2;
     height : 45px;
     line-height : 45px;
     padding : 0 30px;
     cursor : pointer;
     white-space : nowrap;
     border : none;
     display : inline-block;
     font-weight : 700;
     text-shadow : 0 1px 2px rgba(0,0,0,.1);
     text-transform : uppercase;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out;
     -webkit-border-radius : 0;
     -moz-border-radius : 0;
     -ms-border-radius : 0;
     -o-border-radius : 0;
     border-radius : 0
}
 .button.sm {
     height : 40px;
     line-height : 40px;
     padding : 0 25px
}
 textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color] {
     background : rgba(0,0,0,.02);
     position : relative;
     border : none;
     padding : 0;
     border : 1px solid rgba(0,0,0,.1);
     height : 45px;
     max-width : 100%;
     padding : 10px;
     -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
     box-sizing : border-box;
     -webkit-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -moz-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -ms-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -o-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 select {
     border : 1px solid rgba(0,0,0,.1);
     background-color : rgba(0,0,0,.02);
     height : 45px;
     padding : 10px;
     line-height : 100%;
     outline : 0;
     width : 100%;
     max-width : 100%;
     background-image : url(../images/icon/caret.png);
     background-position : 95% center;
     background-repeat : no-repeat;
     position : relative;
     text-indent : .01px;
     text-overflow : '';
     cursor : pointer;
     -webkit-appearance : none;
     -moz-appearance : none;
     -webkit-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -moz-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -ms-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -o-box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     box-shadow : 0 1px 1px rgba(0,0,0,.1) inset;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 textarea,input[type=text],input[type=email] {
     width : 100%
}
 textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,input.input-text:focus {
     border : 1px solid #01b0dd;
     background-color : #fff;
     -webkit-box-shadow : none;
     -moz-box-shadow : none;
     box-shadow : none
}
 input[type=submit]:hover,button[type=submit]:hover,.button:hover {
     background-color : #3d3e90;
     color : #fff
}
 textarea {
     width : 100%;
     height : 150px;
     line-height : 1.8em;
     resize : none
}
 input[type=checkbox] {
     display : inline
}
 textarea : -moz-placeholder,textarea : : -moz-placeholder,input : -moz-placeholder,input : : -moz-placeholder {
     color : #999;
     opacity : 1
}
 input : -ms-input-placeholder {
     color : #999
}
 textarea : : -webkit-input-placeholder,input : : -webkit-input-placeholder {
     color : #999;
     opacity : 1
}
 @-webkit-keyframes pop-scale {
     0% {
         -webkit-transform : scale(.7)
    }
     100% {
         -webkit-transform : scale(1)
    }
}
 @-moz-keyframes pop-scale {
     0% {
         -moz-transform : scale(.7)
    }
     100% {
         -moz-transform : scale(1)
    }
}
 @keyframes pop-scale {
     0% {
         transform : scale(.7)
    }
     100% {
         transform : scale(1)
    }
}
 .btn {
     background-image : none
}
 textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input,.dropdown-menu,.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
     -webkit-appearance : none;
     text-shadow : none;
     color : inherit
}
 input[type=submit] {
     -webkit-appearance : none;
     text-shadow : none;
     -webkit-box-shadow : none;
     -moz-box-shadow : none;
     -o-box-shadow : none;
     box-shadow : none;
     color : #fff
}
 @media(min-width : 1200px) {
     .container {
         width : 1140px
    }
}
 .flat-wrapper {
     padding : 0 15px
}
 .scheme {
     color : #01b0dd
}
 a.scheme:hover {
     color : #21242b
}
 .bg-scheme {
     background-color : #3d3e90
}
 .bg-scheme1 {
     position: absolute;
     background-image : url(../images/pattern/bg-blue.png);
     bottom: 0;
     left: 0;
     right: 0;
}
 .flat-top {
     padding-bottom : 60px;
     background-color : #21242b;
     color : rgba(255,255,255,.5);
     font-size : 14px;
     padding : 10px 0
}
 .flat-top .custom-info {
     float : left
}
 .flat-top .custom-info i {
     margin-right : 10px;
     margin-left : 30px;
     width : 24px;
     height : 24px;
     color : #fff;
     background-color : #02afe2;
     text-shadow : 0 1px 0 rgba(0,0,0,.1);
     text-align : center;
     line-height : 24px;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 .flat-top .social-links {
     float : right
}
 .social-links a {
     float : left;
     color : #01b0dd;
     display : block;
     margin-left : 16px;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .social-links a:hover {
     color : #fff
}
 .social-links a i {
     font-size : 18px;
     vertical-align : middle
}
 .social-links.style1 a {
     margin : 0 10px 0 0;
     width : 40px;
     height : 40px;
     border : 2px solid #01b0dd;
     text-align : center;
     line-height : 36px
}
 .social-links.style1 a i {
     font-size : 14px;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .social-links.style1 a:hover {
     border : 2px solid #333
}
 .social-links.style1 a:hover i {
     color : #333
}
 .header {
     position : relative;
     width : 100%;
     z-index : 99;
     background : #fff;
     -webkit-box-shadow : 0 2px 5px rgba(0,0,0,.1);
     -moz-box-shadow : 0 2px 5px rgba(0,0,0,.1);
     -ms-box-shadow : 0 2px 5px rgba(0,0,0,.1);
     -o-box-shadow : 0 2px 5px rgba(0,0,0,.1);
     box-shadow : 0 2px 5px rgba(0,0,0,.1)
}
 .header .header-wrap {
     max-width : 1920px;
     margin : 0 auto
}
 .header .header-wrap .logo {
     width : 276px;
     height : 50px;
     float : left;
     margin : 25px 0;
     position : relative;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .header .header-wrap .show-search {
     float : right
}
 .header .header-wrap .show-search {
     line-height : 120px;
     padding-right : 38px
}
 #header.downscrolled {
     position : fixed;
     top : 0;
     width : 100%;
     -ms-filter : "alpha(opacity=0)";
     opacity : 0;
     filter : alpha(opacity=0);
     top : -60px;
     max-width : 1920px;
     margin : 0 auto;
     z-index : 999999;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 #header.upscrolled {
     opacity : 1;
     top : 0;
     max-width : 1920px;
     margin : 0 auto;
     background : #fff;
     border-bottom : 1px solid rgba(0,0,0,.1);
     box-shadow : 0 3px 5px 0 rgba(0,0,0,.04);
     z-index : 999999
}
 #header.upscrolled #mainnav>ul>li>a {
     color : #21242b
}
 #header.upscrolled #mainnav>ul>li>a:hover {
     color : #02afe2
}
 #header.upscrolled #mainnav>ul>li.home>a {
     color : #02afe2
}
 #header.upscrolled .menu-extra>li>a {
     border-left : 1px solid rgba(0,0,0,.1)
}
 #header.upscrolled #mainnav .social-links a {
     background-color : rgba(0,0,0,.1);
     color : rgba(0,0,0,.3)
}
 #header.upscrolled #mainnav .social-links a:hover {
     background-color : #02afe2;
     color : #333
}
 #header.upscrolled #mainnav>ul>li.has-children>a:after {
     border-top-color : rgba(0,0,0,.1)
}
 .home-boxed #header.downscrolled,.home-boxed #header.upscrolled {
     width : 100%
}
 .site-header.header-v2 {
     position : relative
}
 .header-v2 .header-wrap {
     width : 1110px;
     margin : 0 auto;
     padding-left : 30px;
     position : relative;
     display : table;
     z-index : 9999
}
 .header-v2 .header {
     background : 0 0;
     position : absolute;
     left : 0;
     right : 0;
     margin-top : -50px;
     -webkit-transform : translateZ(0px);
     -webkit-box-shadow : none;
     -moz-box-shadow : none;
     -ms-box-shadow : none;
     -o-box-shadow : none;
     box-shadow : none;
     -webkit-transition : background .2s ease-in;
     -moz-transition : background .2s ease-in;
     -ms-transition : background .2s ease-in;
     -o-transition : background .2s ease-in;
     transition : background .2s ease-in
}
 .header-v2 .header-wrap:before {
     content : "";
     position : absolute;
     left : 0;
     top : 0;
     height : 100%;
     background : #fff;
     width : 300%;
     border-left : 5px solid #01b0dd
}
 .header-v2 #header.upscrolled .header-wrap:before {
     -webkit-box-shadow : 0 1px 2px rgba(0,0,0,.1);
     -moz-box-shadow : 0 1px 2px rgba(0,0,0,.1);
     -ms-box-shadow : 0 1px 2px rgba(0,0,0,.1);
     -o-box-shadow : 0 1px 2px rgba(0,0,0,.1);
     box-shadow : 0 1px 2px rgba(0,0,0,.1)
}
 .header-v2 .flat-top {
     padding-bottom : 60px
}
 .header-v2 #header.upscrolled {
     background : 0 0;
     border-bottom : none;
     box-shadow : none
}
 .header-v3 .header .header-wrap {
     background : rgba(255,255,255,.3);
     position : absolute;
     left : 0;
     right : 0;
     -webkit-transform : translateZ(0px);
     -webkit-box-shadow : 0 1px 3px rgba(0,0,0,.15);
     -moz-box-shadow : 0 1px 3px rgba(0,0,0,.15);
     -ms-box-shadow : 0 1px 3px rgba(0,0,0,.15);
     -o-box-shadow : 0 1px 3px rgba(0,0,0,.15);
     box-shadow : 0 1px 3px rgba(0,0,0,.15);
     -webkit-transition : background .2s ease-in;
     -moz-transition : background .2s ease-in;
     -ms-transition : background .2s ease-in;
     -o-transition : background .2s ease-in;
     transition : background .2s ease-in
}
 .header-v3 #header.upscrolled .header-wrap {
     background-color : #fff
}
 .header-v4 .flat-top {
     background-color : #01b0dd;
     color : #fff
}
 .header-v4 .flat-top .custom-info i {
     background-color : #fff;
     color : #01b0dd
}
 .header-v4 .social-links a {
     color : rgba(0,0,0,.25)
}
 .header-v4 .social-links a:hover {
     color : #fff
}
 .header-v4 .header-menu-v4 #mainnav ul {
     float : none
}
 .header-v4 .header-menu-v4 {
     background : 0 0;
     position : absolute;
     left : 0;
     right : 0;
     margin-top : -30px;
     box-shadow : none
}
 .header-v4 #header.upscrolled {
     background : 0 0;
     border-bottom : none;
     box-shadow : none
}
 .header-v4 .header-menu-v4 .nav-wrap {
     background-color : #21242b;
     padding-left : 20px;
     padding-right : 20px
}
 .header-v4 .header-menu-v4 #mainnav>ul>li>a {
     line-height : 60px;
     color : rgba(255,255,255,.6)
}
 .header-v4 #header.header-menu-v4 .menu-extra>ul>li>a {
     padding : 17px 0 17px 16px;
     color : rgba(255,255,255,.6)
}
 .header-v4 .header-menu-v4 .menu-extra>ul>li>a:hover,.header-v4 .header-menu-v4 #mainnav>ul>li>a:hover,.header-v4 .header-menu-v4 #mainnav>ul>li.home>a {
     color : #fff
}
 .header-v4 .header-menu-v4 #mainnav>ul>li.home>a:after {
     position : absolute;
     left : 16px;
     bottom : 0;
     content : "";
     width : 60%;
     height : 5px;
     background-color : #01b0dd;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .header-v4 .header-menu-v4 .shopping-cart .shopping-cart-items-count {
     top : 13px;
     left : 22px
}
 .header-v4 .header-menu-v4 .top-search.show {
     top : 60px
}
 .header-v4 .header-widgets-v4 {
     padding-bottom : 30px;
     box-shadow : none
}
 .header-v4 #header.header-menu-v4.upscrolled #mainnav>ul>li.home>a {
     color : #fff
}
 .header-v4 #header.header-menu-v4.upscrolled #mainnav>ul>li>a {
     color : rgba(255,255,255,.6)
}
 .header-v4 #header.header-menu-v4.upscrolled #mainnav>ul>li>a:hover {
     color : #fff
}
 .header-widgets {
     float : right;
     margin : 29px 0
}
 .header-widgets .widgets-header-information {
     float : right;
     margin : 0 0 0 50px
}
 .header-widgets .widgets-header-information .info-icon {
     line-height : 1.4
}
 .header-widgets .widgets-header-information .info-icon i {
     float : left;
     margin-right : 15px;
     margin-top : 3px;
     font-size : 28px;
     color : #01b0dd
}
 .header-widgets .widgets-header-information .info-icon .content {
     float : right
}
 .nav-wrap {
     position : relative
}
 #mainnav ul {
     list-style : none;
     float : right
}
 #mainnav ul li {
     position : relative
}
 #mainnav>ul>li {
     display : inline-block
}
 #mainnav>ul>li>a {
     position : relative;
     display : block;
     font-family : poppins,sans-serif;
     font-weight : 500;
     color : #21242b;
     font-size : 15px;
     text-transform : capitalize;
     text-decoration : none;
     line-height : 100px;
     padding : 0 13.5px 0 14px;
     outline : none;
     margin: 0 20px;
}
 #mainnav>ul>li>a:after {
     position : absolute;
     left : 16px;
     bottom : 0;
     content : "";
     width : 0;
     height : 5px;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 #mainnav>ul>li.home>a:after,#mainnav>ul>li>a:hover:after {
     width : 60%;
     background-color : #01b0dd
}
 #mainnav ul.submenu {
     position : absolute;
     width : 250px;
     background : #01b0dd;
     margin : 0;
     visibility : hidden;
     left : -10px;
     top : 150%;
     z-index : 999;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out;
     -webkit-opacity : 0;
     -khtml-opacity : 0;
     -moz-opacity : 0;
     opacity : 0;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=0);
     filter : alpha(opacity=0)
}
 #mainnav ul.right-sub-menu {
     left : auto;
     right : 0
}
 #mainnav ul li:hover>ul.submenu {
     top : 100%;
     -ms-filter : "alpha(opacity=100)";
     filter : alpha(opacity=100);
     opacity : 1;
     visibility : visible
}
 #mainnav ul li ul li {
     margin-left : 0
}
 #mainnav ul.submenu li ul {
     position : absolute;
     left : 360px;
     top : 0!important
}
 #mainnav ul.submenu>li.sub-parent:after {
     content : "\f105";
     font-family : fontawesome;
     font-size : 14px;
     position : absolute;
     right : 25px;
     top : 11px;
     color : #999;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 #mainnav ul.submenu>li>a {
     color : #fff;
     padding : 10px 20px;
     font-size : 13px;
     display : block;
     font-weight : 500;
     font-family : poppins,sans-serif;
     text-decoration : none;
     border-bottom : 1px solid rgba(0,0,0,.1);
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 #mainnav ul.submenu>li>a:hover {
     background-color : #21242b
}
 #mainnav ul.submenu>li.sub-parent:hover ::after {
     right : 18px
}
 #mainnav>ul>li>a:hover,#mainnav>ul>li.home>a {
     color : #02afe2
}
 #mainnav .has-mega-menu .submenu.mega-menu {
     padding : 20px 15px 15px
}
 #mainnav .mega-menu {
     position : absolute;
     top : 150%;
     left : -464px;
     padding : 15px 0;
     text-align : left;
     z-index : 9999;
     background-color : #01b0dd;
     -ms-filter : "alpha(opacity=0)";
     filter : alpha(opacity=0);
     opacity : 0;
     visibility : hidden;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .mega-menu .mega-title h5 {
     color : #fff
}
 #mainnav ul.mega-menu-sub {
     float : none
}
 #mainnav ul li.has-mega-menu:hover>.mega-menu {
     top : 100%;
     -ms-filter : "alpha(opacity=100)";
     filter : alpha(opacity=100);
     opacity : 1;
     visibility : visible
}
 .mega-menu ul li a {
     display : block;
     font-family : hind siliguri,sans-serif;
     letter-spacing : 1px;
     font-size : 13px;
     color : #f1f1f1;
     text-transform : capitalize;
     text-decoration : none;
     padding : 5px 0;
     position : relative;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .mega-menu ul li a:hover {
     color : #fff
}
 .mega-menu .widget.widget_recent_entries .post-date {
     color : #f1f1f1
}
 .mega-menu .widget.widget_recent_entries .post-date:before {
     color : #fff
}
 .mega-menu .flat-imagebox {
     margin : 0
}
 #mainnav-mobi .submenu.mega-menu {
     padding-left : 15px;
     overflow : hidden
}
 #mainnav-mobi .mega-title .btn-mega {
     color : #333;
     font-weight : 700;
     text-transform : capitalize;
     font-size : 14px;
     padding-bottom : 20px;
     margin-bottom : 0;
     margin-top : 0;
     padding-left : 35px
}
 #mainnav-mobi ul>li.has-mega-menu>a {
     display : block
}
 #mainnav-mobi .btn-mega,#mainnav-mobi .has-mega {
     position : relative
}
 #mainnav-mobi .btn-mega:before,#mainnav-mobi .has-mega:before {
     position : absolute;
     right : 5px;
     top : -17px;
     font : 20px/50px 'FontAwesome';
     text-align : center;
     cursor : pointer;
     width : 70px;
     height : 44px
}
 #mainnav-mobi .has-mega:before {
     right : 20px;
     top : 0
}
 #mainnav-mobi .btn-mega:before,#mainnav-mobi .has-mega:before {
     content : "\f107";
     color : #333
}
 #mainnav-mobi .btn-mega.active:before,#mainnav-mobi .has-mega.active:before {
     content : "\f106"
}
 #mainnav-mobi .has-mega-menu .btn-submenu {
     display : none
}
 #mainnav-mobi .mega-menu .widget.widget_recent_entries li {
     clear : left;
     overflow : hidden;
     margin-bottom : 20px;
     padding-top : 10px;
     margin-left : 50px
}
 #mainnav-mobi .mega-menu .widget.widget_recent_entries a {
     color : #333
}
 #mainnav-mobi .mega-menu .widget.widget_recent_entries a:hover {
     color : #01b0dd
}
 #mainnav-mobi .mega-menu .widget.widget_recent_entries .post-date {
     color : #333
}
 #mainnav-mobi .mega-menu .widget.widget_recent_entries .post-date:before {
     color : #333
}
 #mainnav-mobi .mega-menu .flat-imagebox .imagebox {
     margin-left : 50px
}
 #mainnav-mobi {
     display : block;
     margin : 0 auto;
     width : 100%;
     position : absolute;
     background-color : #fff;
     z-index : 99999
}
 #mainnav-mobi ul {
     display : block;
     list-style : none;
     margin : 0;
     padding : 0
}
 #mainnav-mobi ul li {
     margin : 0;
     position : relative;
     text-align : left;
     border-top : 1px solid #e6e6e6;
     cursor : pointer
}
 #mainnav-mobi ul>li>a {
     text-decoration : none;
     height : 50px;
     line-height : 50px;
     padding : 0 50px;
     color : #333;
     display : block
}
 #mainnav-mobi ul.sub-menu {
     top : 100%;
     left : 0;
     z-index : 2000;
     position : relative;
     background-color : #333
}
 #mainnav-mobi>ul>li>ul>li,#mainnav-mobi>ul>li>ul>li>ul>li {
     position : relative;
     border-top : 1px solid #e6e6e6
}
 #mainnav-mobi>ul>li>ul>li>ul>li a {
     padding-left : 70px!important
}
 #mainnav-mobi ul.sub-menu>li>a {
     display : block;
     text-decoration : none;
     padding : 0 60px;
     border-top-color : rgba(255,255,255,.1);
     -webkit-transition : all .2s ease-out;
     -moz-transition : all .2s ease-out;
     -o-transition : all .2s ease-out;
     transition : all .2s ease-out
}
 #mainnav-mobi>ul>li>ul>li:first-child a {
     border-top : none
}
 #mainnav-mobi>ul>li>ul>li>a {
     padding-left : 60px
}
 #mainnav-mobi ul.sub-menu>li>a:hover,#mainnav-mobi>ul>li>ul>li.active>a {
     color : #fff
}
 #mainnav-mobi>ul>li.has-mega-menu .sub-menu.mega-menu .menu-item>a {
     padding : 0 40px;
     font-weight : 600;
     font-size : 16px;
     text-transform : uppercase;
     color : #02afe2
}
 #mainnav-mobi .search-box,#mainnav-mobi .flat-search,#mainnav-mobi .social-links,#mainnav-mobi .shopping-cart {
     display : none
}
 .btn-menu {
     display : none;
     position : relative;
     background : 0 0;
     cursor : pointer;
     margin : 40px 0;
     width : 26px;
     height : 16px;
     float : right;
     margin-right : 15px;
     -webkit-transition : all ease .238s;
     -moz-transition : all ease .238s;
     transition : all ease .238s
}
 .btn-menu:before,.btn-menu:after,.btn-menu span {
     background-color : #01b0dd;
     -webkit-transition : all ease .238s;
     -moz-transition : all ease .238s;
     transition : all ease .238s
}
 .btn-menu:before,.btn-menu:after {
     content : '';
     position : absolute;
     top : 0;
     height : 2px;
     width : 100%;
     left : 0;
     top : 50%;
     -webkit-transform-origin : 50% 50%;
     -ms-transform-origin : 50% 50%;
     transform-origin : 50% 50%
}
 .btn-menu span {
     position : absolute;
     width : 100%;
     height : 2px;
     left : 0;
     top : 50%;
     overflow : hidden;
     text-indent : 200%
}
 .btn-menu:before {
     -webkit-transform : translate3d(0,-7px,0);
     transform : translate3d(0,-7px,0)
}
 .btn-menu:after {
     -webkit-transform : translate3d(0,7px,0);
     transform : translate3d(0,7px,0)
}
 .btn-menu.active span {
     opacity : 0
}
 .btn-menu.active:before {
     -webkit-transform : rotate3d(0,0,1,45deg);
     transform : rotate3d(0,0,1,45deg)
}
 .btn-menu.active:after {
     -webkit-transform : rotate3d(0,0,1,-45deg);
     transform : rotate3d(0,0,1,-45deg)
}
 .btn-submenu {
     position : absolute;
     right : 20px;
     top : 0;
     font : 20px/50px 'FontAwesome';
     text-align : center;
     cursor : pointer;
     width : 70px;
     height : 44px
}
 .btn-submenu:before {
     content : "\f107";
     color : #333
}
 .btn-submenu.active:before {
     content : "\f106"
}
 .btn-menu {
     display : none
}
 .menu-extra {
     float : right;
     margin-left : 33px;
     position : relative
}
 .menu-extra:after {
     content : "";
     width : 1px;
     height : 35px;
     background : rgba(0,0,0,.1);
     left : -20px;
     top : 50%;
     margin-top : -17.5px;
     position : absolute
}
 .menu-extra ul>li {
     float : left
}
 .menu-extra ul li {
     list-style : none;
     display : inline-block;
     position : relative
}
 .menu-extra>ul>li>a {
     padding : 38px 10px;
     font-size : 14px;
     display : block
}
 .menu-extra>ul>li>a:hover {
     color : #01b0dd
}
 .menu-extra>ul>li : last-child>a {
     padding-right : 0
}
 .shopping-cart .subcart {
     position : absolute;
     width : 300px;
     right : 0;
     top : 150%;
     background-color : #fff;
     padding : 0 20px 20px;
     visibility : hidden;
     -ms-filter : "alpha(opacity=0)";
     filter : alpha(opacity=0);
     opacity : 0;
     -webkit-box-shadow : 0 0 3px rgba(0,0,0,.1);
     -moz-box-shadow : 0 0 3px rgba(0,0,0,.1);
     -ms-box-shadow : 0 0 3px rgba(0,0,0,.1);
     -o-box-shadow : 0 0 3px rgba(0,0,0,.1);
     box-shadow : 0 0 3px rgba(0,0,0,.1);
     -webkit-transition : all .2s ease-out;
     -moz-transition : all .2s ease-out;
     -ms-transition : all .2s ease-out;
     -o-transition : all .2s ease-out;
     transition : all .2s ease-out
}
 .shopping-cart:hover .subcart {
     top : 100%;
     z-index : 99999999;
     visibility : visible;
     -ms-filter : "alpha(opacity=100)";
     filter : alpha(opacity=100);
     opacity : 100
}
 .shopping-cart .shopping-cart-items-count {
     position : absolute;
     background-color : #ffc952;
     width : 16px;
     height : 16px;
     font-family : poppins,sans-serif;
     color : #fff;
     font-weight : 500;
     top : 33px;
     left : 15px;
     line-height : 16px;
     text-align : center;
     font-size : 12px;
     z-index : 9;
     -webkit-border-radius : 100%;
     -moz-border-radius : 100%;
     -ms-border-radius : 100%;
     -o-border-radius : 100%;
     border-radius : 100%
}
 .widget_shopping_cart_content .cart_list li {
     display : inline-block;
     width : 100%;
     padding : 20px 0;
     border-bottom : 1px dotted rgba(0,0,0,.1)
}
 .widget_shopping_cart_content .cart_list li a {
     padding : 0;
     color : #777;
     font-weight : 600
}
 .widget_shopping_cart_content .cart_list li a:hover {
     color : #333
}
 .widget_shopping_cart_content .cart_list li .remove {
     color : #ccc;
     float : right;
     height : 24px;
     line-height : 22px;
     text-align : center;
     width : 24px;
     margin-top : 15px;
     border : 1px solid rgba(0,0,0,.1)
}
 .widget_shopping_cart_content .cart_list li a img {
     max-width : 55px;
     height : auto;
     float : left;
     margin-right : 15px;
     border : 1px solid rgba(0,0,0,.1)
}
 .widget_shopping_cart_content .total {
     padding-top : 10px;
     color : #333;
     clear : both;
     text-align : center;
     border-top : 1px dotted rgba(0,0,0,.1)
}
 .widget_shopping_cart_content .group-btn {
     display : inline-block
}
 .widget_shopping_cart_content .group-btn .button {
     padding : 0 28px
}
 .widget_shopping_cart_content .group-btn .button:first-child {
     margin-right : 0
}
 .widget_shopping_cart_content .group-btn .button : last-child {
     margin-left : -3px
}
 .top-search {
     position : absolute;
     width : 300px;
     right : 0;
     top : 100px;
     opacity : 0;
     z-index : 99;
     -webkit-transition : all .3s ease 0s;
     -moz-transition : all .3s ease 0s;
     -ms-transition : all .3s ease 0s;
     -o-transition : all .3s ease 0s;
     transition : all .3s ease 0s
}
 .top-search input[type=search] {
     background-color : #fff
}
 .top-search.show {
     top : 100px;
     opacity : 1;
     z-index : 9999
}
 .widget.widget_search .search-form {
     position : relative
}
 .widget.widget_search .search-form .search-field {
     width : 100%
}
 .widget.widget_search .search-form .search-submit {
     background-image : url(../images/icon/arrow.png);
     background-repeat : no-repeat;
     background-position : center;
     width : 24px;
     height : 11px;
     padding : 0;
     position : absolute;
     background-color : transparent;
     right : 0;
     top : 0;
     -webkit-opacity : .3;
     -khtml-opacity : .3;
     -moz-opacity : .3;
     opacity : .3;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=30);
     filter : alpha(opacity=30)
}
 .widget.widget_search .search-form .search-submit:hover {
     background-color : transparent;
     -webkit-opacity : 1;
     -khtml-opacity : 1;
     -moz-opacity : 1;
     opacity : 1;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=100);
     filter : alpha(opacity=100)
}
 .widget.widget_search .search-form input[type=submit] {
     color : #fff;
     height : 45px;
     line-height : 45px;
     padding : 0 40px;
     cursor : pointer;
     white-space : nowrap;
     border : none;
     display : inline-block;
     font-weight : 700;
     font-size : 0;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 .page-title {
     position : relative;
     padding : 65px 0
}
 .header-v2 .page-title {
     padding-top : 110px
}
 .page-title h2 {
     color : #fff;
     margin : 0
}
 .breadcrumbs {
     padding-bottom : 15px;
     padding-top : 15px;
     padding-left : 0px;
     border-bottom : 2px solid rgba(0,0,0,.07);
     position : relative
}
 /*.breadcrumbs:before {
     content : "\e096";
     color : #ffc952;
     font-family : simple-line-icons;
     font-size : 24px;
     display : inline-block;
     position : absolute;
     left : 0;
     top : 6px
}*/
 .breadcrumbs .trail-browse {
     margin : 0 7px 0 0;
     font-family : inherit;
     font-size : inherit;
     font-style : inherit;
     font-weight : inherit;
     color : inherit;
     display : inline-block
}
 .breadcrumbs .trail-items {
     display : inline-block;
     margin : 0;
     padding : 0;
     border : none;
     background : 0 0;
     text-indent : 0
}
 .breadcrumbs .trail-items li {
     display : inline-block;
     margin : 0;
     padding : 0 18px 0 0;
     border : none;
     background : 0 0;
     text-indent : 0;
     position : relative
}
 .breadcrumbs .trail-items li a {
     color : #01b0dd
}
 .breadcrumbs .trail-items li a:hover {
     color : #333
}
 .breadcrumbs .trail-items li.trail-item ::after {
     position : absolute;
     right : 5px;
     top : 0;
     content : "/";
     color : #ccc
}
 .blog,.blog-single {
     padding : 50px 0
}
 .blog .main-content,.blog-single .main-content {
     position : relative;
     padding : 0 25px 0 15px;
     width : 70%;
     float : left
}
 .blog .blog-post {
     border-bottom : 3px solid rgba(0,0,0,.1)
}
 .blog .blog-post,.blog-single .blog-post {
     margin-bottom : 50px;
     margin-left : 100px;
     padding-bottom : 70px;
     position : relative
}
 .blog .blog .blog-post : last-child,.blog-single .blog-post : last-child {
     margin-bottom : 50px
}
 .blog .blog-post .entry-header {
     margin-bottom : 20px
}
 .blog .blog-post .entry-time,.blog-single .blog-post .entry-time {
     margin : 0;
     font-size : 18px;
     position : absolute;
     left : -100px;
     top : 0;
     width : 70px;
     padding : 10px 0 6px;
     color : #fff;
     text-shadow : 0 1px 1px rgba(0,0,0,.1);
     background-color : #01b0dd
}
 .blog .blog-post .entry-time:after,.blog-single .blog-post .entry-time:after {
     border-top : 8px solid;
     border-top-color : #01b0dd;
     border-left : 8px solid transparent;
     border-right : 8px solid transparent;
     content : "";
     height : 0;
     width : 0;
     position : absolute;
     vertical-align : middle;
     left : 50%;
     margin-left : -8px;
     top : 100%
}
 .blog .blog-post .entry-time span,.blog-single .blog-post .entry-time span {
     display : block;
     text-align : center
}
 .blog .blog-post .entry-time .entry-day,.blog-single .blog-post .entry-time .entry-day {
     font-size : 30px;
     margin-top : 1px
}
 .blog .blog-post .entry-header .entry-header-content,.blog-single .blog-post .entry-header .entry-header-content {
     overflow : hidden
}
 .blog .blog-post .entry-header .entry-title,.blog-single .blog-post .entry-header .entry-title {
     margin : 0 0 20px;
     line-height : 1.1
}
 .entry-meta i,.blog-single .blog-post .entry-header .entry-meta i {
     margin-right : 4px;
     margin-left : 7px;
     padding-left : 6px;
     border-left : 1px solid rgba(54,70,115,.08);
     color : #01b0dd
}
 .entry-meta i {
     padding-left : 11px
}
 .entry-meta i:first-child,.blog-single .blog-post .entry-header .entry-meta i:first-child {
     margin-left : 0;
     border-left : none;
     padding-left : 0
}
 .entry-meta a,.blog-single .blog-post .entry-header .entry-meta a {
     color : #ccc
}
 .entry-meta a:hover,.blog-single .blog-post .entry-header .entry-meta a:hover {
     color : #333
}
 .blog .blog-post .entry-cover,.blog-single .blog-post .entry-cover {
     margin-bottom : 40px
}
 .blog .blog-post .entry-cover a,.blog-single .blog-post .entry-cover a {
     display : block;
     position : relative;
     background : #000
}
 .blog .blog-post .entry-cover a:before,.blog-single .blog-post .entry-cover a:before {
     content : "";
     width : 70px;
     height : 70px;
     position : absolute;
     left : 50%;
     top : 50%;
     margin-top : -35px;
     margin-left : -35px;
     visibility : visible;
     z-index : 1;
     background-color : #01b0dd;
     -webkit-opacity : 0;
     -khtml-opacity : 0;
     -moz-opacity : 0;
     opacity : 0;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=0);
     filter : alpha(opacity=0);
     -webkit-border-radius : 3px;
     -moz-border-radius : 3px;
     -ms-border-radius : 3px;
     -o-border-radius : 3px;
     border-radius : 3px
}
 .blog .blog-post .entry-cover a:after,.blog-single .blog-post .entry-cover a:after {
     content : "\f054";
     font-family : fontawesome;
     color : #fff;
     font-size : 28px;
     text-shadow : 0 1px 2px rgba(0,0,0,.1);
     z-index : 1;
     position : absolute;
     left : 50%;
     top : 50%;
     margin-top : -22px;
     margin-left : -9px;
     -webkit-opacity : 0;
     -khtml-opacity : 0;
     -moz-opacity : 0;
     opacity : 0;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=0);
     filter : alpha(opacity=0);
     -webkit-border-radius : 3px;
     -moz-border-radius : 3px;
     -ms-border-radius : 3px;
     -o-border-radius : 3px;
     border-radius : 3px
}
 .blog .blog-post .entry-cover a:hover img,.blog-single .blog-post .entry-cover a:hover img {
     -webkit-opacity : .4;
     -khtml-opacity : .4;
     -moz-opacity : .4;
     opacity : .4;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=40);
     filter : alpha(opacity=40)
}
 .blog .blog-post .entry-cover a:hover:after,.blog-single .blog-post .entry-cover a:hover:after,.blog .blog-post .entry-cover a:hover:before,.blog-single .blog-post .entry-cover a:hover:before {
     visibility : visible;
     -webkit-opacity : 1;
     -khtml-opacity : 1;
     -moz-opacity : 1;
     opacity : 1;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=100);
     filter : alpha(opacity=100)
}
 .blog .blog-post .entry-content .readmore,.blog-single .blog-post .entry-content .readmore {
     margin-top : 25px
}
 .blog .blog-post .entry-content .readmore .more-link,.blog-single .blog-post .entry-content .readmore .more-link {
     padding : 7px 25px;
     display : inline-block;
     font-weight : 700;
     text-transform : uppercase;
     position : relative;
     border : 2px solid;
     color : #01b0dd
}
 .blog .blog-post .entry-content .readmore .more-link:hover,.blog-single .blog-post .entry-content .readmore .more-link:hover {
     color : #21242b
}
 .blog .blog-post .entry-content .readmore .more-link:after,.blog-single .blog-post .entry-content .readmore .more-link:after {
     font-family : fontawesome;
     content : "\f054";
     font-size : 14px;
     font-weight : 400;
     margin-left : 10px
}
 .paging-navigation {
     padding-left : 100px
}
 .navigation .page-numbers {
     width : 40px;
     height : 40px;
     display : inline-block;
     border : 2px solid #01b0dd;
     text-align : center;
     line-height : 36px;
     margin-right : 5px;
     color : #01b0dd
}
 .navigation .page-numbers:hover {
     border : 2px solid #21242b;
     color : #21242b
}
 .navigation .page-numbers.current {
     background-color : #01b0dd
}
 .navigation .page-numbers.current {
     color : #fff;
     border-color : transparent
}
 .navigation .page-numbers.dots {
     border-color : transparent
}
 .sidebars {
     width : 30%;
     float : left;
     padding : 0 15px 0 25px;
     position : relative
}
 .widget {
     margin-bottom : 60px
}
 .widget select {
     width : 100%
}
 .widget : last-child {
     margin-bottom : 0
}
 .widget .widget-title {
     font-size : 20px;
     margin-bottom : 30px;
     margin-top : 0;
     padding : 0 0 15px;
     border-bottom : 3px solid #01b0dd
}
 .widget ul {
     margin : 0;
     padding : 0
}
 .widget .entry-cover {
     float : left;
     margin-right : 15px;
     margin-top : 5px
}
 .widget ul li {
     list-style : none
}
 .widget.widget_recent_entries li {
     list-style: circle;
     margin: 0 0 20px 20px;
}
 .widget.widget_recent_entries a {
     font-weight : 700;
     display : block
}
 .widget.widget_recent_entries .post-date {
     display : block;
     position : relative;
     margin-top : 5px
}
 .widget.widget_recent_entries .post-date:before {
     content : "\f017";
     font-family : fontawesome;
     font-size : 14px;
     margin-right : 10px;
     color : #01b0dd
}
 .widget ul li .children,.widget ul li .sub-menu {
     margin : 10px 0 10px 20px
}
 .widget.widget_archive ul li,.widget.widget_categories ul li {
     color : #999
}
 .widget.widget_archive select,.widget.widget_categories select {
     width : 100%
}
 .widget.widget_archive label,.widget.widget_categories label {
     margin-bottom : 10px;
     display : inline-block
}
 .widget.widget_archive ul {
     display : inline-block;
     width : 100%
}
 .widget.widget_archive ul li {
     width : 50%;
     float : left;
     border-right : 1px solid rgba(0,0,0,.1);
     position : relative;
     padding-left : 20px
}
 .widget.widget_archive ul li:before {
     content : "\f0a9";
     font-family : fontawesome;
     position : absolute;
     left : 0;
     top : 50%;
     margin-top : -14px
}
 .widget.widget_archive ul li:nth-child(2n) {
     border-right : none;
     padding-left : 40px
}
 .widget.widget_archive ul li:nth-child(2n):before {
     left : 20px
}
 .widget.widget_categories ul li a,.widget.widget_pages ul li a,.widget.widget_meta ul li a {
     position : relative;
     padding-left : 20px
}
 .widget.widget_categories ul li a:before,.widget.widget_pages ul li a:before,.widget.widget_meta ul li a:before {
     content : "\f0a9";
     font-family : fontawesome;
     position : absolute;
     left : 0;
     top : 50%;
     margin-top : -13px;
     color : #01b0dd
}
 .widget.widget_categories ul li .children li a:before,.widget.widget_pages ul li .children li a:before,.widget.widget_meta ul li .children li a:before {
     content : "";
     width : 10px;
     height : 1px;
     margin-top : 0
}
 .widget.widget_text .textwidget .content-text {
     padding : 30px;
     background-color : #01b0dd
}
 .widget.widget_text .textwidget .content-text .title {
     font-size : 20px;
     margin-top : 0;
     color : #fff
}
 .widget.widget_text .textwidget .content-text p {
     color : #fff
}
 .widget.widget_text .textwidget .content-text ul li {
     color : #fff
}
 .widget.widget_text .textwidget .content-text ul li i {
     padding-right : 5px
}
 .widget.widget_tag_cloud .tagcloud {
     overflow : hidden
}
 .widget.widget_tag_cloud .tagcloud a {
     padding : 2px 20px;
     margin : 0 5px 5px 0;
     float : left;
     position : relative;
     font-size : 1em!important;
     border : 2px solid;
     color : #01b0dd
}
 .widget.widget_tag_cloud .tagcloud a:hover {
     color : #21242b
}
 blockquote {
     margin : 30px 50px;
     position : relative
}
 .blog-single .blog-post {
     padding-bottom : 0;
     border-bottom : none;
     margin-bottom : 50px
}
 .blog-single .blog-post .entry-content blockquote {
     margin-left : -70px;
     border-left : 3px solid #01b0dd;
     padding-left : 30px
}
 .blog-single .blog-post .entry-footer {
     margin-top : 40px
}
 .blog-single .blog-post .entry-footer .entry-tags {
     overflow : hidden
}
 .blog-single .blog-post .entry-footer .entry-tags a {
     color : #fff;
     padding : 3px 20px;
     margin : 0 5px 5px 0;
     float : left;
     position : relative;
     font-size : 1em!important;
     background-color : #21242b
}
 .blog-single .blog-post .entry-footer .entry-tags a:hover {
     background-color : #ffc952
}
 .blog-single .navigation {
     margin-bottom : 50px
}
 .navigation.post-navigation .nav-links {
     margin : 0;
     padding : 0
}
 .navigation.post-navigation .nav-links .previous-post {
     float : left
}
 .navigation.post-navigation .nav-links li {
     list-style : none;
     display : inline-block;
     width : 50%
}
 .navigation.post-navigation .nav-links li a {
     background : #f2f4f6;
     color : #21242b;
     display : block;
     text-transform : uppercase;
     font-weight : 700;
     text-overflow : ellipsis;
     white-space : nowrap;
     overflow : hidden;
     position : relative;
     padding : 15px 10px 15px 66px
}
 .navigation.post-navigation .nav-links li.next-post a {
     text-align : right;
     padding : 15px 66px 15px 10px
}
 .navigation.post-navigation .nav-links li a span {
     display : block;
     text-transform : none;
     color : #01b0dd
}
 .navigation.post-navigation .nav-links li a:after {
     font-family : fontawesome;
     font-size : 14px;
     font-weight : 400;
     content : "\f053";
     position : absolute;
     color : #fff;
     width : 46px;
     height : 46px;
     line-height : 46px;
     text-align : center;
     left : 0;
     top : 50%;
     margin-top : -23px;
     background-color : #01b0dd;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .navigation.post-navigation .nav-links li:hover a:after {
     background-color : #21242b
}
 .navigation.post-navigation .nav-links li.next-post a:after {
     content : "\f054";
     left : auto;
     right : 0
}
 .comment-reply-title {
     font-size : 20px;
     margin : 0 0 20px;
     position : relative;
     overflow : hidden;
     padding-top : 2px;
     padding-bottom : 2px
}
 .comment-reply-title:after {
     content : "";
     position : relative;
     display : inline-block;
     background : url(../images/icon/bg-heading.svg);
     height : 12px;
     width : 200%;
     margin : 0 -200% 0 20px
}
 .footer {
     background-color : #21242b
}
 .content-bottom-widgets {
     color : rgba(255,255,255,.5)
}
 .content-bottom-widgets .footer-50 {
     width : 50%;
     float : left
}
 .content-bottom-widgets .ft-wrapper {
     border-bottom : 1px solid rgba(255,255,255,.06);
     padding-top : 30px;
     padding-bottom : 30px
}
 .content-bottom-widgets .subscribe-form {
     margin-top : 12px;
     margin-left : 15px
}
 .content-bottom-widgets .subscribe-form input[type=email],.content-bottom-widgets .subscribe-form input[type=text] {
     width : 100%;
     background : rgba(255,255,255,.06);
     border : 1px solid rgba(255,255,255,.15);
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .content-bottom-widgets .subscribe-form input[type=email]:focus,.content-bottom-widgets .subscribe-form input[type=text]:focus {
     background : rgba(0,0,0,.1)
}
 .content-bottom-widgets .subscribe-form input[type=submit] {
     width : 100%;
     text-align : center;
     background-color : #ffc952;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 .content-bottom-widgets .subscribe-form input[type=submit]:hover {
     background-color : #01b0dd
}
 .footer-widgets {
     padding : 60px 0 20px;
     color : rgba(255,255,255,.5)
}
 .footer-widgets .widget .widget-title {
     color : #fff
}
 .footer-widgets .widget a {
     color : #ccc
}
 .footer-widgets .widge.widget_text .textwidget h2 {
     color : #fff;
     margin : 0;
     padding : 10px 0 20px;
     
}
 .footer-widgets .widget.widget_nav_menu ul {
     display : inline-block;
     width : 100%
}
 .footer-widgets .widget.widget_nav_menu ul li {
     width : 50%;
     float : left;
     position : relative
}
 .footer-widgets .widget.widget_nav_menu ul li:before {
     content : "\f105";
     font-family : fontawesome;
     font-size : 14px;
     display : inline-block;
     margin-right : 10px
}
 .footer-widgets .widget.widget_nav_menu ul li a:hover {
     color : #fff
}
 .footer-widgets .widget.widget_text.information .textwidget i {
     color : #01b0dd;
     margin-right : 13px
}
 .footer-content .ft-wrap {
     padding-top : 20px;
     padding-bottom : 20px;
     border-top : 1px solid rgba(255,255,255,.06)
}
 .footer-content .social-links {
     float : right
}
 .footer-content .social-links a {
     width : 40px;
     height : 40px;
     text-align : center;
     line-height : 40px;
     color : #fff;
     float : left;
     margin-left : 10px;
     background-color : #01b0dd;
     text-shadow : 0 1px 0 rgba(0,0,0,.1);
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px
}
 .footer-content .social-links a:hover {
     background-color : #1a25ab
}
 .footer-content .social-links a i {
     font-size : 14px
}
 .copyright {
     float : left;
     margin-top : 7px;
     color : rgba(255,255,255,.5)
}
 .copyright .copyright-content a {
     color : #01b0dd
}
 .copyright .copyright-content a:hover {
     color : #fff
}
 .flat-404 {
     width : 75%;
     margin : 0 auto
}
 .flat-404 .heading-404 {
     float : right;
     width : 50%;
     padding-left : 50px
}
 .flat-404 .content-404 {
     float : left;
     width : 50%;
     padding-right : 50px;
     margin-top : 100px
}
 .flat-404 .content-404 h3 {
     margin-bottom : 10px;
     margin-top : 0;
     font-size : 30px
}
 .flat-404 .content-404 .search-form {
     position : relative;
     width : 100%;
     margin : 0 auto 50px
}
 .search-results {
     padding : 0 30px;
     border : 1px solid rgba(0,0,0,.1);
     margin : -30px 0 0
}
 .search-results article {
     padding : 30px 0 30px 75px;
     position : relative;
     border-bottom : 1px dotted rgba(0,0,0,.1);
     text-align : inherit
}
 .search-results article .counter {
     position : absolute;
     width : 50px;
     height : 50px;
     background-color : #01b0dd;
     line-height : 50px;
     text-align : center;
     top : 30px;
     left : 0;
     font-size : 1.5em;
     font-weight : 700;
     text-shadow : 0 1px 2px rgba(0,0,0,.1);
     color : #fff;
     -webkit-border-radius : 100%;
     -moz-border-radius : 100%;
     -ms-border-radius : 100%;
     -o-border-radius : 100%;
     border-radius : 100%
}
 .search-results article .entry-title {
     font-size : 20px;
     margin : 0 0 10px
}
 .search-results article .entry-title a {
     color : #21242b
}
 .search-results article .entry-title a:hover {
     color : #01b0dd
}
 .search-results article .entry-date {
     margin-bottom : 10px;
     color : #01b0dd
}
 .search-results article .entry-date:before {
     content : "\f017";
     font-family : fontawesome;
     display : inline-block;
     margin : 0 5px 0 0
}
 .search-results article .entry-excerpt ol {
     padding-left : 40px;
     list-style-type : decimal;
     margin : 7px 0
}
 .search-results article : last-child {
     border : none
}
 .flat-search-results .paging-navigation {
     padding-left : 0;
     margin-top : 30px
}
 .boxed {
     overflow-x : hidden
}
 .home-boxed .boxed {
     z-index : 0;
     width : 92.708%;
     margin : 0 auto;
     position : relative;
     background : #fff;
     height : 100%;
     -webkit-box-shadow : 0 2px 10px 0 rgba(0,0,0,.02);
     -moz-box-shadow : 0 2px 10px 0 rgba(0,0,0,.02);
     box-shadow : 0 2px 10px 0 rgba(0,0,0,.02)
}
 .switcher-container {
     position : fixed;
     left : -220px;
     top : 80px;
     width : 220px;
     background-color : #000;
     z-index : 99999999
}
 .switcher-container h2 {
     color : #fff;
     font-size : 13px;
     font-weight : 700;
     letter-spacing : 0;
     text-transform : uppercase;
     height : 45px;
     line-height : 45px;
     padding-left : 20px;
     padding-right : 30px;
     margin : 0
}
 .switcher-container h2 a {
     background-color : #000;
     display : block;
     position : absolute;
     right : -45px;
     top : 0;
     width : 45px;
     height : 45px;
     line-height : 45px;
     text-align : center;
     outline : 0;
     color : #fff;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .switcher-container h2 a.active {
     right : 0
}
 .switcher-container h2 a.active:after {
     position : absolute;
     right : 21px;
     top : 0;
     content : "\f104";
     font-family : fontawesome;
     color : #fff;
     font-size : 22px
}
 .switcher-container h2 a.active i {
     display : none
}
 .switcher-container h2 a:hover,.switcher-container h2 a:focus {
     text-decoration : none
}
 .switcher-container h2 i {
     margin-top : 10px;
     font-size : 25px;
     color : #999;
     -webkit-animation : fa-spin 2s infinite linear;
     animation : fa-spin 2s infinite linear;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out
}
 .switcher-container h2 i:hover {
     color : #fff
}
 .switcher-container h3 {
     font-size : 12px;
     font-weight : 700;
     color : #fff;
     margin : 0;
     line-height : 22px;
     margin-bottom : 10px
}
 .switcher-container .selector-box {
     color : #fff;
     overflow : hidden
}
 .switcher-container .layout-switcher {
     margin : 0 0 10px;
     overflow : hidden
}
 .switcher-container .layout-switcher a.layout {
     float : left;
     display : block;
     cursor : pointer;
     text-align : center;
     font-weight : 700;
     padding : 10px 20px;
     margin-left : 10px
}
 .switcher-container .layout-switcher a.layout:first-child {
     margin-left : 0
}
 .switcher-container .layout-switcher a.layout:hover {
     color : #fff;
     cursor : pointer
}
 .switcher-container .color-box {
     height : auto;
     overflow : hidden;
     margin-bottom : 6px
}
 .switcher-container .styleswitch {
     margin-bottom : 10px
}
 .sw-odd {
     background-color : #272727;
     padding : 21px 0 30px 20px;
     -webkit-transition : all .3s;
     -moz-transition : all .3s;
     -ms-transition : all .3s;
     -o-transition : all .3s;
     transition : all .3s
}
 .sw-even {
     background-color : #191919;
     padding : 21px 0 25px 20px;
     -webkit-transition : all .3s;
     -moz-transition : all .3s;
     -ms-transition : all .3s;
     -o-transition : all .3s;
     transition : all .3s
}
 .sw-even a {
     font-family : karla,sans-serif;
     text-transform : uppercase;
     font-size : 12px;
     line-height : 40px;
     color : #fff;
     border : 1px solid #fff;
     padding : 10px 20px;
     margin-right : 10px;
     letter-spacing : 1.8px
}
 .sw-even a:hover {
     background-color : #01b0dd;
     border : 1px solid #01b0dd;
     color : #fff!important
}
 .sw-light {
     background-color : #fff;
     color : #000!important
}
 .sw-odd a {
     font-size : 16px;
     color : #fff;
     width : 100%;
     display : inline-block;
     line-height : 17px;
     width : 100%;
     position : relative;
     padding-left : 47px
}
 .sw-odd .ws-colors a:before {
     background : 0 0
}
 .sw-odd .ws-colors a {
     position : relative;
     width : auto;
     padding : 0;
     width : 30px;
     height : 30px;
     background-color : #01b0dd;
     display : inline-block;
     margin-right : 5px;
     overflow : hidden
}
 .sw-odd .ws-colors a.current:before {
     position : absolute;
     left : 8px;
     top : 6px;
     font-family : FontAwesome;
     content : "\f00c";
     color : #fff;
     z-index : 999;
     text-shadow : 0 0 2px rgba( 0,0,0,1 )
}
 .sw-odd .ws-colors a:after {
     position : absolute;
     right : -3px;
     top : 2px;
     content : "";
     width : 0;
     height : 0;
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #ffc952;
     transform : rotate(45deg)
}
 .sw-odd .ws-colors a span.cl1,.sw-odd .ws-colors a span.cl2,.sw-odd .ws-colors a span.cl3,.sw-odd .ws-colors a span.cl4,.sw-odd .ws-colors a span.cl5,.sw-odd .ws-colors a span.cl6 {
     position : absolute;
     left : 7px;
     top : -10px;
     width : 15px;
     height : 50px;
     background : #21242b;
     transform : rotate(45deg);
     z-index : 1
}
 .sw-odd .ws-colors a span.cl2 {
     background-color : #004e66
}
 .sw-odd .ws-colors a span.cl3 {
     background-color : #282c37
}
 .sw-odd .ws-colors a span.cl4 {
     background-color : #9baec8
}
 .sw-odd .ws-colors a span.cl5 {
     background-color : #e53a40
}
 .sw-odd .ws-colors a span.cl6 {
     background-color : #3b8686
}
 .sw-odd #color2 {
     background-color : #fcbe32
}
 .sw-odd .ws-colors a#color2:after {
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #ff5f2e
}
 .sw-odd #color3 {
     background-color : #e53a40
}
 .sw-odd .ws-colors a#color3:after {
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #30a9de
}
 .sw-odd #color4 {
     background-color : #282c37
}
 .sw-odd .ws-colors a#color4:after {
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #d9e1e8
}
 .sw-odd #color5 {
     background-color : #090707
}
 .sw-odd .ws-colors a#color5:after {
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #090707
}
 .sw-odd #color6 {
     background-color : #a8dba8
}
 .sw-odd .ws-colors a#color6:after {
     border-bottom : 21px solid transparent;
     border-top : 21px solid transparent;
     border-left : 21px solid #79bd9a
}
 .sw-even h3 {
     margin-bottom : 6px
}
 .sw-pattern.pattern {
     -ms-filter : "alpha(opacity=0)";
     filter : alpha(opacity=0);
     opacity : 0;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out;
     position : absolute;
     left : 0;
     top : 98%;
     background-color : #000;
     width : 100%;
     z-index : -1;
     padding : 20px 0 30px 20px
}
 .sw-pattern.pattern a {
     width : 40px;
     height : 40px;
     display : inline-block;
     margin-right : 5px;
     margin-bottom : 5px;
     position : relative
}
 .sw-pattern.pattern a.current:before {
     position : absolute;
     left : 12px;
     top : 6px;
     font-family : FontAwesome;
     content : "\f00c";
     color : #fff;
     text-shadow : 0 0 2px rgba( 0,0,0,1 )
}
 .go-top {
     position : fixed!important;
     right : -25px;
     bottom : 20px;
     width : 40px;
     height : 40px;
     cursor : pointer;
     background-color : rgba(0,0,0,.7);
     line-height : 40px;
     text-align : center;
     -webkit-border-radius : 2px;
     -moz-border-radius : 2px;
     -ms-border-radius : 2px;
     -o-border-radius : 2px;
     border-radius : 2px;
     -webkit-transition : all .3s ease-in-out;
     -moz-transition : all .3s ease-in-out;
     -ms-transition : all .3s ease-in-out;
     -o-transition : all .3s ease-in-out;
     transition : all .3s ease-in-out;
     -ms-filter : "alpha(opacity=0)";
     filter : alpha(opacity=0);
     opacity : 0
}
 .go-top.show {
     right : 25px;
     -ms-filter : "alpha(opacity=100)";
     filter : alpha(opacity=100);
     opacity : 1;
     visibility : visible
}
 .go-top i {
     font-size : 14px;
     color : #fff;
     font-weight : 600;
     padding-bottom : 3px
}
 .go-top:hover {
     background-color : #01b0dd
}
 .go-top:hover i {
     color : #fff
}
 .parallax {
     width : 100%;
     background-repeat : no-repeat;
     background-position : 50% 0;
     background-size : cover
}
 .parallax-style {
     width : 100%;
     background-repeat : no-repeat;
     background-position : 50% 0;
     background-repeat : repeat
}
 .parallax1 {
     background-image : url(../images/parallax/bg-parallax1.png)
}
 .parallax2 {
     background-image : url(../images/parallax/bg-parallax2.jpg)
}
 .parallax3 {
     background-image : url(../images/parallax/bg-parallax3.jpg)
}
 .parallax4 {
     background-image : url(../images/parallax/bg-parallax4.jpg)
}
 .tp-banner-container {
     max-height : 700px!important;
     width : 100%!important;
     position : relative;
     overflow : hidden!important;
     padding : 0;
     background-color : #fff
}
 .tp-bullets.simplebullets.navbar {
     height : 35px;
     padding : 0
}
 .tp-bullets.simplebullets .bullet {
     cursor : pointer;
     position : relative!important;
     background : #fff!important;
     width : 10px!important;
     height : 10px!important;
     display : inline-block;
     -ms-filter : "alpha(opacity=60)";
     filter : alpha(opacity=60);
     opacity : .6;
     -webkit-box-shadow : none;
     -moz-box-shadow : none;
     box-shadow : none;
     margin-right : 5px!important;
     -webkit-border-radius : 50%;
     -moz-border-radius : 50%;
     -o-border-radius : 50%;
     -ms-border-radius : 50%;
     border-radius : 50%;
     -webkit-transition : background-color .2s,border-color .2s;
     -moz-transition : background-color .2s,border-color .2s;
     -o-transition : background-color .2s,border-color .2s;
     -ms-transition : background-color .2s,border-color .2s;
     transition : background-color .2s,border-color .2s;
     float : none!important
}
 .tp-bullets.simplebullets .bullet.last {
     margin-right : 0
}
 .tp-bullets.simplebullets .bullet:hover,.tp-bullets.simplebullets .bullet.selected {
     -webkit-box-shadow : none;
     -moz-box-shadow : none;
     box-shadow : none;
     opacity : 1;
     background : #fff!important;
     width : 10px!important;
     height : 10px!important;
     -webkit-border-radius : 50%;
     -moz-border-radius : 50%;
     -o-border-radius : 50%;
     -ms-border-radius : 50%;
     border-radius : 50%
}
 .tp-bullets.preview4 .bullet.selected,.tp-bullets.preview4 .bullet:hover {
     border : 5px solid #fff!important
}
 .page-loading .loading-overlay {
     -webkit-opacity : 1;
     -khtml-opacity : 1;
     -moz-opacity : 1;
     opacity : 1;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=100);
     filter : alpha(opacity=100);
     display : block;
     visibility : visible
}
 .loading-overlay {
     position : fixed;
     background : #fff;
     left : 0;
     top : 0;
     bottom : 0;
     right : 0;
     z-index : 99999;
     visibility : hidden;
     display : none;
     -webkit-opacity : 0;
     -khtml-opacity : 0;
     -moz-opacity : 0;
     opacity : 0;
     -ms-filter : progid : DXImageTransform.Microsoft.Alpha(opacity=0);
     filter : alpha(opacity=0)
}
 .loading-overlay:after {
     position : fixed;
     content : "";
     width : 64px;
     height : 64px;
     left : 50%;
     margin-left : -32px;
     top : 50%;
     margin-top : -32px;
     background : url(../images/icon/preloader.gif)
}
 .no-left-margin {
    margin-left : 0px!important;
}
 .custom-info a{
    color: rgba(255,255,255,.5)
}
.custom-info a:hover{
    color: #01afe2;
}
.margin-btm-20{margin-bottom: 20px;}
.text-align-center{text-align: center;}
.example-image-link{display: block;}