/*------------------------------------------------------------------
[Table of contents]

[ Body ]
[ top / top ]
[ Header / header ]
[ Slideshow / .slideshow ]p
[ commontop / .commontop ]
[ service / .service ]
[ about / .about ]
[ course / .course ]
[ featured / .featured ]
[ blog / .blog ]
[ testimonail / .testimonail ]
[ newsletter / .newsletter ]
[ footer / .footer ]
[ bread-crumb / .bread-crumb ]
[ team / .team ]
[ coures / .coures ]
[ pagination / .pagination ]
[ error / .error ]
[ faq / .faq ]
[ timer / .timer ]
[ priceplan / ..priceplan ]
[ contactus / .contactus ]
[ login / .login ]
[ blog-detail / .blog-detail ]
[ event / .event ]
[ eventview / .eventview ]
[ responsive ]
-------------------------------------------------------------------*/

 @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Oswald|Roboto|Raleway');
/* ================================= */
/* ------------ LOADER ------------- */
/* ================================= */
.loader{
    position:fixed;
    z-index:110000;
    height:100%;
    width:100%;
    left:0;
    right:0;
    overflow:hidden;
    background:#fff;
    top:0;
    bottom:0;
}
.spinner {
    position: absolute;
    left: 47%;
    top:47%;
}
.loading-bar {
    position: absolute;
    left: 47%;
    top:47%;
    border-radius: 10%;
    width: 83px;
    height: 83px;
    background: url(../../img/logo/loader.png) no-repeat;
    background-position: center;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.pad100-95-top-bottom{
    padding-top: 95px;
    padding-bottom: 100px;
}
/*----------
[ Body ]
-------------*/

 body{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
}
a:hover{
    text-decoration:none;
}
a:focus{
    outline:none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
}
.btn-link:hover, .btn-link:focus {
    text-decoration: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none ; 
    outline-offset: none ;
    box-shadow:none ;
}
.blackish:before,
.whitish:before,
.bluesh:before,
.yelowish:before,
.grayesh:before {
  background: #000000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.gap {
  float: left;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.gap.no-gap {
  padding: 0;
}

.gap.no-top {
  padding-top: 0px;
}

.gap.no-bottom {
  padding-bottom: 0px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none;
    outline-offset: none;
}
.owl-wrapper-outer{
    background:none ;
    box-shadow:none ;
    border:none ;
    border-radius:0px ;
}
.owl-carousel, .owl-controls{
    background:none ;
    margin:0 ;
}
.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.nopadding{
    padding: 0px !important;
}
.paddleft{
    padding-left:0px;
}
.padd0{
    padding:0px;
}
.paddright{
    padding-right:0;
}
.top90 {
    margin-top: 90px;
    line-height: 1.4;
}

.gradient_btn {
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, from(#5192e1), color-stop(51%, #23ced5), to(#5192e1));
    background-image: -webkit-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -moz-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -o-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%,#5192e1 100%);
    color: #fff;
}
.button {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: .8rem 2.25rem;
    line-height: 1;
    text-transform: capitalize;
    text-align: center;
    font-weight: 500;
    z-index: 1;
    border: 1px solid 
    transparent;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}


/*--------------------
[ top / top ]
---------------------*/
.top{
    background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    border-bottom: 1px solid #ddd;
    padding: 12px 15px;
}
.top .icon{
    margin:0;
}
.top .icon li{
    border-right:1px dashed #E5E5E5;
}
.top .icon li:first-child{
    border-left:none;
}
.top .icon li:last-child{
    border:none;
}
.top .icon li a i{
    margin:5px;
}
.top .icon li a{
    color:#fff;
    font-size:13px;
    padding-right: 5px;
    font-weight:600;
    text-transform:uppercase;
}
.top .icon li a:hover{
    color: #000;
}
#language .btn{
   color: #B9B9B9;
   background: transparent;
   padding:0px;
   border:none;
   line-height:10px;
}
#language .text{
    float:left;
    margin-right:7px;
    font-size:13px;
    font-weight:600;
    text-transform:uppercase;
}
#language .text i{
    margin-right:7px;
}
#language .icofont-caret-down{
    font-size:13px;
}
#language .dropdown-menu li a img{
    margin-right:10px;
}
#language .dropdown-menu{
    list-style:none;
}
#language .dropdown-menu li{
    border:none;
    padding:0;
}
#language .dropdown-menu li a{
    padding:6px 12px;
    color:#000;
}
/*--------------------
[ Header / header ]
---------------------*/
.logo{
    position: relative;
    padding: 7px 0px;
}
.logo img{
    width: 130px;
}

.footer-logo img{
    width: 200px;
}
/*===hdrvariation1_Navigation===*/
/* -----------------------------------------------------
        Navbar
   ----------------------------------------------------- */
.navbar-white{
    background: #fff !important;
    border-radius: 0px !important;
    border: none;
}
.navbar{
    margin-bottom:0px;
    z-index:200;
}

.affix{
    position:relative;
    top:0;
    left:0;
    width:100%;
    z-index:200;
}

.affix ~ section{
    position:relative;
    top:51px;
}
.main-navbar{
    font-family: Roboto;
}
.main-navbar .navbar-header{
    position:relative;
}

.main-navbar .header-search{
    float:right;
    margin-top:17px;
}

.main-navbar .navbar-brand{
    padding-right:0px;
}

.main-navbar .navbar-brand img{
    width: 145px;
    margin-top: -10px;
}


.main-navbar .navbar-brand .fa{
    margin-right:10px;
    position:relative;
    top:2px;
}

.main-navbar .nav > li > a{
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase;
}

.main-navbar .navbar-nav > li{
    position:relative;
}

.main-navbar .navbar-nav > li::before{
    width: 0;
    height: 4px;
    transition: all 0.25s linear;
    position: absolute;
    content: "";
    z-index: -1;
    left: 0px;
    top: auto;
    bottom:0px;
    right: 0px;
    -webkit-transition: all 0.25s linear;
    z-index:1;
    margin:0 auto;
}

.main-navbar .navbar-nav > li.active::before{
    width: 100%;
}

.main-navbar .nav > li > a .fa-angle-down{
    margin-left:8px;
}

.main-navbar.container-header .navbar-nav > li:last-child{
    margin-right:15px;
}

.main-navbar .navbar-search-link > li:last-child a{
    height:34px;
    width:35px;
    text-align:center;
    padding:0px;
    margin-top:2px;
}

.main-navbar .navbar-search-link > li:last-child .fa{
    margin-top:7px;
}

.main-navbar .navbar-nav li .dropdown-menu {
    width: 250px;
    padding: 0;
}

.main-navbar .navbar-nav li .dropdown-menu li a {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
}

/* New */

.main-navbar .navbar-nav .dropdown:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    margin-top:5px;
    margin-right:-10px;
}

/* New */

.main-navbar .mega-dropdown-menu{
    padding:40px 20px 40px !important;
}

.main-navbar .mega-dropdown-menu .row{
    margin-left:0px;
    margin-right:0px;
}

.main-navbar .mega-dropdown-menu .dropdown-header{
    font-size:16px;
    font-weight:900;
    margin-bottom:14px;
    text-transform:uppercase;
    padding:3px 16px;
}

.main-navbar .navbar-nav li .mega-dropdown-menu ul li a{
    display:block;
    text-decoration:none;
    padding-left:15px;
    margin-top:1px;
}

.header-absolute{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    width:100%;
}

/************* CRUISE HOMEPAGE *************/

#cruise-homepage #top-bar{
    padding-left:15px;
    padding-right:15px;
}

#cruise-homepage .main-navbar .navbar-nav > li:last-child{
    margin-right:15px;
}

#close-button{
    position:fixed;
    right:50px;
    top:40px;
    color:black;
    z-index:1;
    font-size:40px;
    cursor:pointer;
    text-decoration:none;
}

.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index:1000;
    top: 0;
    left: 0;
    overflow-y: hidden;
    transition: 0.5s;
    transform:translateY(-120%);
}

.overlay-content {
    position: relative;
    height:100%;
    width: 100%;
    text-align: center;
    display:table;
}

.overlay-content .form-center{
    display:table-cell;
    vertical-align:middle;
}

.overlay-content form .form-group{
    width:610px;
    margin:0 auto;
}

.overlay-content form input{
    font-size:20px;
}

.overlay-content form .input-group-btn .btn{
    font-size:22px;
    width:75px;
    position:relative;
}

.overlay-content form input,
.overlay-content form .input-group-btn .btn{
    height:60px;
}

/*************** SIDEBAR NAV ***************/
 .sticky_header {
     position: fixed;
     top: 0;
     clear: both;
     z-index: 9999;
     float: left;
     width: 100%;
     background: #fff;
     height: 78px;
     border-bottom: 1px solid #eaeaea;
}
 #main-navigation-wrapper.navbar-default.sticky_header {
     margin: 0px;
}
.sticky_header .logo {
     width: 150px;
}

#mySidenav{
    background:white;
    box-shadow:0px 0px 20px rgba(0,0,0,0.3);
    transform:translateX(120%);
}

#mySidenav::-webkit-scrollbar{
    width: 0.5em;
    background:#f2f2f2;
}
 
#mySidenav::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

#mySidenav::-webkit-scrollbar-thumb{
    background-color:#303030;
    outline: 1px solid slategrey;
}

#mySidenav #web-name{
    background:#faa61a;
    color:white;
}

#mySidenav #web-name::after{
    background:#303030;
    transform:rotate(43deg);
}

.sidenav #closebtn{
    color:white;
    background:transparent;
    border: none;
}

#main-menu .list-group.panel{
    border:0px;
}

#main-menu .list-group > .list-group-item{
    border-radius:0px;
    border-left:0px;
    border-right:0px;
    border-color:#f6f6f6;
    color:#303030;
}

#main-menu .list-group > .list-group-item:first-child{
    border-top:0px;
}

#main-menu .list-group > .list-group-item.active,
#main-menu .list-group > .list-group-item:focus,
#main-menu .list-group > .list-group-item:hover{
    background:#303030;
    color:white;
}

#main-menu .list-group-item .link-icon{
    color:#faa61a;
}

#mySidenav .list-group-item .arrow{
    color:#faa61a;
}

#main-menu .list-group .sub-menu .list-group-heading span{
    color:#faa61a;
}

#main-menu .list-group .sub-menu > .list-group-item{
    background:#f8f8f8;
    border-color:#f1f1f1;
    border-radius:0px;
}

#main-menu .list-group .sub-menu > .list-group-item.active,
#main-menu .list-group .sub-menu > .list-group-item:hover,
#main-menu .list-group .sub-menu > .list-group-item:focus{
    background:#e6e6e6; 
    color:#303030;
}

#main-menu .list-group .sub-menu.mega-sub-menu > a{
    border-top-color:#e7e7e7;
}

#main-menu .list-group .mega-sub-menu > a .arrow,
#main-menu .list-group .mega-sub-menu .mega-sub-menu-links a{
    color:#8c8c8c;
}

#main-menu .list-group .mega-sub-menu > a.active .arrow,
#main-menu .list-group .mega-sub-menu > a:hover .arrow{
    color:#000;
}

#main-menu .list-group .mega-sub-menu .mega-sub-menu-links a.active,
#main-menu .list-group .mega-sub-menu .mega-sub-menu-links a:hover{
    background:#f1f1f1;
}

@media(min-width:1200px){
    
    #mySidenav{
        transform:translateX(120%) !important;
    }
}
#mySidenav{
    overflow-Y:auto;
    overflow-X:hidden;
    width:250px;
    transition:.4s;
    transform:translateX(120%);
}

.sidenav .closebtn {
    position:absolute;
    top:1px;
    right:9px;
    width:100%;
    text-align:right;
}

.sidenav #closebtn {
    font-size: 30px;
    text-decoration:none;
    padding:0px;
    line-height:1.0em;
}

#mySidenav #web-name{
    text-transform:uppercase;
    text-align:center;
    padding:40px 0px;
    margin-bottom:0px;
    font-size:22px;
    font-weight:bold;
    position:relative;
}
#web-name img{
    width: 150px;
    margin-top: -30px;
}
#mySidenav #web-name::after{
    position:absolute;
    content:'';
    display:block;
    height:45px;
    width:140px;
    top:-20px;
    right:-40px;
}

#mySidenav #web-name .fa{
    margin-right:8px;
    font-size:30px;
    position:relative;
    top:2px;    
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 300;
    top: 0;
    right: 0;
    transition: 0.5s;
}

#main-menu .list-group > .list-group-item{
    padding:13px 15px 13px 20px;
    font-size:15px;
}

#main-menu .list-group-item .link-icon{
    width:10px;
    text-align:center;
    margin-right:18px;
    font-size:15px;
}

#mySidenav .list-group-item .arrow{
    float:right;
    margin-top:3px;
    font-size:14px;
}

#main-menu .list-group .sub-menu > .list-group-item{
    padding-left:46px;
}

#main-menu .list-group .sub-menu .list-group-heading{
    pointer-events:none;
    font-weight:900;
    font-size:15px;
    text-transform:uppercase;
    padding-top:35px;
}

/* New */

#main-menu .list-group .mega-sub-menu > a .arrow{
    
}

#main-menu .list-group .mega-sub-menu .mega-sub-menu-links a{
    padding-left:55px;
}
/* -----------------------------------------------------
        Navbar
   ----------------------------------------------------- */

@media(min-width:1200px){
    
    .main-navbar.navbar-custom .navbar-brand{
        padding-top: 24px;
    }
    
    .main-navbar.navbar-custom .navbar-nav > li {
        padding: 22px 0;
        -webkit-transition: padding 0.3s;
        -moz-transition: padding 0.3s;
        transition: padding 0.3s;
        margin:0px 1px;
    }
    
    .main-navbar .nav > li > a{
        padding-left:0px;
        padding-right:0px;
        margin:0px 13px;
    }
    
    .main-navbar .navbar-nav > li:last-child a{
        margin-right:0px;
    }
    
    .main-navbar .navbar-nav > li:last-child{
        margin-left:12px;
    }
    
    .main-navbar .navbar-search-link > li:last-child{
        margin-left:8px;
        margin-top:6px;
    }
    
    .main-navbar.navbar-custom.affix .navbar-nav > li{
        padding: 10px 0;
    }
    
    .main-navbar.navbar-custom.affix .navbar-brand{
        padding-top: 12px;
    }
    
    .main-navbar .navbar-nav > li.active::before{
        width: 80%;
    }
    
    .main-navbar .mega-dropdown-menu{
        min-width:950px;
    }
    
    .main-navbar .mega-dropdown-menu ul li a{
        padding-right:15px;
    }
    
    .main-navbar .navbar-right .mega-dropdown-menu.dropdown-menu{
        left:auto;
        right:0px;
    }
}

@media(max-width:1199px){
    
    .main-navbar .navbar-nav > li:last-child{
        display:none;
    }
    
    .main-navbar .navbar-search-link > li:last-child{
        display:none;
    }
    
    .main-navbar .navbar-nav{
        display:none !important;
    }
}

@media(min-width:768px) and (max-width:1199px){

    #mynavbar{
        padding:0px;
    }
    
    .main-navbar .header-search{
        margin-top:16px;
    }
    
    .main-navbar .navbar-header .header-search .fa{
        font-size:18px;
    }
    
    .main-navbar .navbar-header{
        padding-top:15px;
        padding-bottom:15px;
    }

    .main-navbar .navbar-collapse.collapse{
        display:none !important;
    }
    
    .main-navbar .navbar-collapse.collapse.in{
        display:block !important;
    }
    
    .main-navbar .navbar-collapse{
        margin-top:0px;
        padding-left:0px;
        padding-right:0px;
    }
    
    .main-navbar .navbar-nav {
        float: none !important;
        width:100%;
    }
    
    .main-navbar .navbar-nav>li {
        float: none;
    }
    
    .main-navbar .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .main-navbar .navbar-toggle{
        display:block;
        margin-top:10px;
        margin-right:0px;
        margin-left:15px;
        padding-right:0px;
    }
    
    .main-navbar.container-header .navbar-toggle{
        margin-right:15px;
    }
    
    .main-navbar .navbar-header{
        float:none;
    }
    
    .main-navbar .navbar-nav li .dropdown-menu{
        width:100%;
        max-height:300px;
        overflow:auto;
    }
    
    .main-navbar.navbar-custom .navbar-brand{
        padding-top: 3px;
    }
}

@media(min-width:768px) and (max-width:991px){
    
    #mynavbar .navbar-brand img{
        max-height:46px;
        margin-top:3px;
    }
}

@media(min-width: 768px) {
  
    .main-navbar.navbar-custom .navbar-brand {
        font-size: 2.0em;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .main-navbar.navbar-custom .navbar-brand .fa{
        font-size: 1.33em;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .main-navbar .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
    
    .dropdown-submenu > .dropdown-menu.dropdown-sbm.left-sbm{
        top:0;
        right:100%;
        left:auto; 
        margin-top:-1px;
        margin-left:-1px;
    }
}

@media(max-width:768px){
    
    .main-navbar .navbar-header .header-search .fa{
        font-size:18px;
    }
    
    .overlay-content form .form-group{
        width:60%;
    }
}
/* -----------------------------------------------------
        Navbar
   ----------------------------------------------------- */

.navbar-white{
    background:white;
}

/************* MAIN NAVBAR *************/

.main-navbar{
    border:0px;
    border-radius:0px;
}
  
.main-navbar .navbar-header .navbar-brand {
  color:#000;
  font-weight:900;
}

.main-navbar .navbar-header .navbar-brand span{
  color:#faa61a;
}

.main-navbar .navbar-header .header-search .fa{
    color:#faa61a;
}

.main-navbar .navbar-header .navbar-toggle {
    background:none;
    border:0;
}

.main-navbar .navbar-header .navbar-toggle span{
    background:#000;
}

.main-navbar .navbar-collapse{
    border-color:#f2f2f2;
}

.main-navbar .nav > li > a{
    color:#58595b;
}

.main-navbar .navbar-nav > li::before{
    background:#faa61a;
}

.main-navbar .navbar-nav > li::before{
    background:#faa61a;
}

.main-navbar .nav > li > a:hover,
.main-navbar .nav > li > a:focus,
.main-navbar .nav > li > a:focus:hover,
.main-navbar .nav > li.active > a,
.main-navbar .nav > li.active > a:focus,
.main-navbar .nav > li.active > a:hover,
.main-navbar .nav > li.active > a:focus:hover {
    color: #faa61a;
    background-color: transparent;
}

.main-navbar .navbar-search-link > li:last-child a{
    border:1px solid #faa61a;
    color:#faa61a;
    border-radius:100%;
}

.main-navbar .navbar-search-link > li:last-child a:hover{
    background:#faa61a;
    color:white;
}

.main-navbar .navbar-nav > li.dropdown.active.open > a, 
.main-navbar .navbar-nav > li.dropdown.active > a:hover,
.main-navbar .navbar-nav > li.dropdown.open > a, 
.main-navbar .navbar-nav > li.dropdown.open > ul.dropdown-menu > a:hover{
    color:#faa61a;
    background:none;
}

.main-navbar .navbar-nav li .dropdown-menu{
    border-radius:0px;
    background:#f6f6f6;
    border-color:#f2f2f2;
    border-bottom:0px;
}

.main-navbar .navbar-nav li .dropdown-menu li a:hover,
.main-navbar .navbar-nav li .dropdown-menu li a:focus,
.main-navbar .navbar-nav li .dropdown-menu li.active a,
.main-navbar .navbar-nav li .dropdown-menu li.active a:hover {
    background:#faa61a;
    color:black;
}

.main-navbar .navbar-nav > .dropdown:hover > a{
    color:#faa61a;
}

.main-navbar .dropdown-submenu > a:after{
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
}

.main-navbar .dropdown-submenu:hover > a:after,
.main-navbar .dropdown-submenu.active > a:after{
    border-left-color:#000;
}

.main-navbar li.dropdown-submenu:hover .dropdown-toggle{
    background:#faa61a;
}

.main-navbar .navbar-nav li .dropdown-menu.dropdown-sbm li a{
    background:transparent;
}

.main-navbar .navbar-nav li .dropdown-menu.dropdown-sbm li a:hover,
.main-navbar .navbar-nav li .dropdown-menu.dropdown-sbm li.active a{
    background:#faa61a;
}

.main-navbar .mega-dropdown-menu{
    background:linear-gradient(rgba(242, 242, 242,0.85),rgba(242, 242, 242,0.85)),url('../img/megamenu.jpg') 65% 50% !important;
}

.main-navbar .mega-dropdown-menu .dropdown-header{
    color:#333;
}

.main-navbar .navbar-nav li .mega-dropdown-menu ul li a{
    color:#333;
    border-bottom:0px;
}

.main-navbar .mega-dropdown-menu .dropdown-header span{
    color:#faa61a;
}

@media(min-width:768px){

    .main-navbar.affix {
        /*box-shadow:0px 2px 5px rgba(0,0,0,0.2);*/
    }
    
    .main-navbar .navbar-nav li .dropdown-menu li a{
        border-bottom:1px solid #ebebeb;
    }
}

@media(max-width:767px){

    .main-navbar{
        background:white;
    }
    
    .main-navbar.affix{
        box-shadow:0px 2px 5px rgba(0,0,0,0.2);
    }
}

/************* NAVBAR-TRANSPARENT *************/

@media(min-width:1200px){
    
    .main-navbar.navbar-transparent .navbar-nav > li > a{
        color:white;
    }
    
    .main-navbar.navbar-transparent .navbar-nav > li:last-child > a{
        color:#faa61a;
    }
    
    .main-navbar.navbar-transparent .nav > li > a:hover,
    .main-navbar.navbar-transparent .nav > li > a:focus,
    .main-navbar.navbar-transparent .nav > li > a:focus:hover,
    .main-navbar.navbar-transparent .nav > li.active > a,
    .main-navbar.navbar-transparent .nav > li.active > a:focus,
    .main-navbar.navbar-transparent .nav > li.active > a:hover,
    .main-navbar.navbar-transparent .nav > li.active > a:focus:hover  {
        color: #faa61a;
    }
    
    .main-navbar.navbar-transparent.affix .navbar-nav > li > a{
        color:#58595b;
    }
    
    .main-navbar.navbar-transparent.affix .nav > li > a:hover,
    .main-navbar.navbar-transparent.affix .nav > li > a:focus,
    .main-navbar.navbar-transparent.affix .nav > li > a:focus:hover,
    .main-navbar.navbar-transparent.affix .nav > li.active > a,
    .main-navbar.navbar-transparent.affix .nav > li.active > a:focus,
    .main-navbar.navbar-transparent.affix .nav > li.active > a:hover,
    .main-navbar.navbar-transparent.affix .nav > li.active > a:focus:hover  {
        color: #faa61a;
    }
}

@media(min-width:768px){
    
    .main-navbar.navbar-transparent{
        background:transparent;
    }
    
    .main-navbar.navbar-transparent .navbar-brand{
        color:white;
    }
    
    .main-navbar.navbar-transparent .navbar-toggle span{
        background:white;
    }
    
    .main-navbar.navbar-transparent.affix{
        background:white;
    }
    
    .main-navbar.navbar-transparent.affix .navbar-brand{
        color:#000;
    }
    
    .main-navbar.navbar-transparent.affix .navbar-toggle span{
        background:#000;
    }
}


/*===hdrvariation1_Navigation end===*/
header .icon{
    margin:17px 0;
}
header .icon li{
    padding:0;
    margin-right:20px;
    vertical-align:middle;
}
header .icon li:last-child{
    margin:0px;
}
header .icon #srch{
    position:relative;
}
header .icon #srch .form-group{
    margin:0;
}
header .icon #srch .form-control{
    background:#fff;
    border:1px solid #4CB3CA;
    height: 39px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 40px;
    top: 0px;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 0;
    z-index:0;
    box-shadow:none;
}
header .icon #srch:hover .form-control{
    opacity: 1;
    visibility: visible;
    width: 200px;
}
header .icon #srch button{
    background:#4CB3CA;
    padding:10px;
    border:1px solid #2E58A6;
    color:#fff;
    border-radius:4px;
    line-height:16px;
}
header .icon #srch button i{
    font-size:16px;
}
header .icon .btn-primary{
    font-size:15px;
    font-weight:600;
    color:#fff;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    border-radius:4px;
    text-transform:uppercase;
    padding:12px 14px;
    line-height:12px;
}
header .icon .btn-primary:active:hover{
    background:#4CB3CA;
    border:1px solid #2E58A6;
}
/*--------------------------------- 
[ Slideshow / .slideshow ]
----------------------------------- */
.slide{
    position:relative;
}
.slideshow img{
    width:100%;
    min-height:500px;
}
.slide-detail{
    left: 0;
    position: absolute;
    right: 0;
    z-index:1;
    top:auto;
    bottom:50px;
}
.slide-detail .matter{
    background:rgba(0, 0, 0, 0.38);
    margin:0 9% 30px;
    padding:50px 72px;
    text-align:center;
}
.slide-detail .matter .text{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin: 0;
    text-transform:uppercase;
    letter-spacing:4px;
}
.slide-detail .matter h4{
    font-size:48px;
    color:#4CB3CA;
    font-weight:800;
    margin:0 0 30px;
    text-transform:uppercase;
}
.slide-detail .matter .des{
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin: 0;
    text-transform:uppercase;
}
.slide-detail .matter2{
    background:rgba(255, 255, 255, 0.38);
    margin:0 9%;
    border-radius:4px;
}
.slide-detail .matter2 h2{
    font-size:20px;
    background:#4CB3CA;
    color:#fff;
    font-weight:600;
    margin:0;
    text-transform:uppercase;
    padding:14px 21px;
    border-radius:4px 4px 0 0;
}
.slide-detail .matter2 form{
    padding:30px;
}
.slide-detail .matter2 form .form-group{
    margin-bottom:0;
}
.slide-detail .matter2 form input, .slide-detail .matter2 form .btn{
    border:1px solid #2E58A6;
    font-size:14px;
    color:#B2B2B2;
    height:45px;
}
.slide-detail .matter2 form .btn{
    padding:0;
}
.slide-detail .matter2 form .btn i{
    color: #000;
    padding: 9px 10px;
    font-size: 18px;
    position: absolute;
    right: 0;
}
.slide-detail .matter2 form .btn span{
    padding:10px 12px;
}
.slide-detail .matter2 form .bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
}
.slide-detail .matter2 form .btn-primary{
    border:1px solid #2E58A6;
    background:#4CB3CA;
    color:#fff;
    font-weight:600;
    font-size:16px;
    text-transform:uppercase;
    padding:10px 24px;
    border-radius:4px;
}
.slideshow .owl-pagination {
    top: auto;
    bottom:15px;
    position:absolute;
    right:0;
    left:0;
}
.slideshow .owl-controls .owl-page{
    margin:0 ;
    padding:0 4px;
    text-align:center;
}
.slideshow .owl-controls .owl-page span {
    background: #fff;
    border:3px solid #fff;
    height:14px; 
    width:14px;
    box-shadow: inset -2px 2px 4px -2px rgba(0,0,0,0.3);
}
.slideshow .owl-controls .owl-page.active span {
    background: #2E58A6;
    border:3px solid #fff;
    width:14px;
    height:14px;
    box-shadow: inset -2px -2px 4px rgba(0,0,0,0.3);
}
.slideshow .owl-buttons .owl-prev{
    left:65px ; 
}
.slideshow .owl-buttons .owl-next{
    right:65px ;
}
.slideshow .owl-buttons .owl-prev, .slideshow .owl-buttons .owl-next{
    color: #fff;
    background: #4CB3CA;
    padding: 9px 8px;
    border-radius: 4px;
}
.slideshow .owl-buttons .owl-prev:hover, .slideshow .owl-buttons .owl-next:hover{
    background: #2E58A6;
}
.slideshow .owl-buttons .owl-prev i, .slideshow .owl-buttons .owl-next i{
    font-size:30px;
    margin:0;
}
.slideshow .owl-buttons div {
    opacity:1 ;
}

/*section-title*/
.section-title {
  text-align: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 50px;
}

.section-title h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 300;
}

.section-title .bar {
  height: 5px;
  width: 90px;
  background: #41A7DD;
  margin: 15px auto 20px;
  position: relative;
  border-radius: 30px;
}

.section-title .bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2.6px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #f7aa1b;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
}

.section-title p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}


/*------------------------- 
[ commontop / .commontop ]
--------------------------- */
.commontop h2{
    margin:50px 0 20px;
    color:#000;
    text-transform:uppercase;
    font-size:24px;
    font-weight:700;
}
.commontop p{
    margin:0 24% 24px;
    font-size:14px;
    color:#686868;
}
.commontop hr{
    border-top:3px solid #4CB3CA;
    width:50px;
    margin:0 auto 30px;
}

/*================================================
Featured Boxes Area CSS
=================================================*/
.featured-boxes-area {
  position: relative;
  z-index: 1;
  margin-top: 80px;
}

.featured-boxes-inner {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

.featured-boxes-inner .col-lg-3 {
  border-right: 1px solid #eeeeee;
}

.featured-boxes-inner .col-lg-3:last-child {
  border-right: none;
}

.single-featured-box {
  text-align: center;
  position: relative;
  padding: 115px 25px 40px 25px;
  overflow: hidden;
}

.single-featured-box .icon {
  -webkit-transition: .4s;
  transition: .4s;
  color: #40A8DD;
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  margin-top: -12px;
}

.single-featured-box .icon i::before {
  font-size: 55px;
}

.single-featured-box .icon.color-fb7756 {
  color: #fb7756;
}

.single-featured-box .icon.color-facd60 {
  color: #facd60;
}

.single-featured-box .icon.color-1ac0c6 {
  color: #1ac0c6;
}

.single-featured-box h3 {
  -webkit-transition: .4s;
  transition: .4s;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
}

.single-featured-box h3 a{
    color: inherit;
}

.single-featured-box p {
  -webkit-transition: .4s;
  transition: .4s;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 0;
}

.single-featured-box .read-more-btn {
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .6;
  transition: .6;
  font-size: 15px;
  font-weight: 400;
}

.single-featured-box .read-more-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
}

.single-featured-box .read-more-btn:hover::before {
  width: 100%;
}

.single-featured-box:hover .icon {
  top: 43px;
  -webkit-animation: iconTop 0.4s ease-in-out;
          animation: iconTop 0.4s ease-in-out;
}

.single-featured-box:hover h3 {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

.single-featured-box:hover p {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

.single-featured-box:hover .read-more-btn {
  opacity: 1;
  visibility: visible;
  bottom: 23px;
}


.read-more-btn {
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .6;
  transition: .6;
  font-size: 15px;
  font-weight: 400;
}

.read-more-btn::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
}


@-webkit-keyframes iconTop {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  25% {
    opacity: 0;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes iconTop {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  25% {
    opacity: 0;
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

/*================================================
Services Area CSS
=================================================*/
.services-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.overview-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
}

.overview-box .overview-content {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.overview-box .overview-content .content {
  max-width: 555px;
  padding-left: 50px;
}

.overview-box .overview-content .content .sub-title {
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #40A8DD;
  font-size: 12.5px;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

.overview-box .overview-content .content.left-content {
  margin-left: auto;
  padding-right: 50px;
  padding-left: 0;
}

.overview-box .overview-content .content h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 300;
}

.overview-box .overview-content .content .bar {
  height: 5px;
  width: 90px;
  background: #41A7DD;
  margin: 20px 0 25px;
  position: relative;
  border-radius: 30px;
}

.overview-box .overview-content .content .bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2.7px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #f7aa1b;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
}
.bar {
  height: 5px;
  width: 90px;
  background: #41A7DD;
  margin: 20px 0 25px;
  position: relative;
  border-radius: 30px;

}
.bar::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2.7px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #f7aa1b;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
          animation-name: MOVE-BG;
}
.overview-box .overview-content .content .services-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding-left: 0;
  list-style-type: none;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  margin-top: -5px;
}

.overview-box .overview-content .content .services-list li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.overview-box .overview-content .content .services-list li span {
  display: block;
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  color: #000;
  z-index: 1;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  font-size: 14px;
  font-weight: 400;
}

.overview-box .overview-content .content .services-list li span i {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #40A8DD;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.overview-box .overview-content .content .services-list li span i::before {
  font-size: 12px;
}

.overview-box .overview-content .content .services-list li span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.overview-box .overview-content .content .services-list li span:hover {
  color: #ffffff;
}

.overview-box .overview-content .content .services-list li span:hover i {
  color: #ffffff;
}

.overview-box .overview-content .content .services-list li span:hover::before {
  width: 100%;
}

.overview-box .overview-content .content .features-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
          align-items: center !important;
  padding-left: 0;
  list-style-type: none;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  margin-top: -5px;
}

.overview-box .overview-content .content .features-list li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.overview-box .overview-content .content .features-list li span {
  display: block;
  color: #6084a4;
  position: relative;
  padding-left: 31px;
  font-size: 14px;
  font-weight: 400;
}

.overview-box .overview-content .content .features-list li span i {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 22px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
  border-radius: 3px;
}

.overview-box .overview-content .content .features-list li span i::before {
  font-size: 10px;
}

.overview-box .overview-content .content .btn {
  margin-top: 30px;
}

.overview-box .overview-image {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
}

.overview-box .overview-image .image {
  text-align: center;
  position: relative;
  z-index: 1;
}

.overview-box .overview-image .image .circle-img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
  right: 0;
  margin: 0 auto;
}

.overview-box .overview-image .image .circle-img img {
  -webkit-animation-name: rotateMe;
          animation-name: rotateMe;
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@-webkit-keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



/*================================================
Pricing Area CSS
=================================================*/
.priceplan{
    margin:80px 0;
    background-size: cover;
    background: linear-gradient(0deg, rgba(0,0,0,0.9), rgba(0,0,0,0.5)), url(../../img/bg/plan.jpg) no-repeat;
    padding: 80px 0px;
}
.pricing-area {
  padding-bottom: 40px;
}

.single-pricing-box {
  background-color: #ffffff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  height: 750px;
}

.single-pricing-box .pricing-header h3 {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
}

.single-pricing-box .pricing-header p {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 0;
}

.single-pricing-box .price {
  font-size: 50px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  margin-bottom: 10px;
}

.single-pricing-box .price span {
  display: inline-block;
  margin-left: -10px;
  font-size: 18px;
  font-weight: 300;
}

.single-pricing-box .buy-btn {
  margin-bottom: 25px;
}

.single-pricing-box .buy-btn .btn {
  padding: 13px 30px;
  font-size: 13px;
}

.single-pricing-box .buy-btn .btn-primary {
  border-radius: 30px;
}

.single-pricing-box .buy-btn .btn-primary::after {
  border-radius: 30px;
}

.single-pricing-box .buy-btn .btn-primary::before {
  background: -webkit-gradient(linear, left bottom, right top, from(#a3a3a3), color-stop(#9a9a9a), color-stop(#909090), color-stop(#878787), to(#7e7e7e));
  background: linear-gradient(to right top, #a3a3a3, #9a9a9a, #909090, #878787, #7e7e7e);
  border-radius: 30px;
}

.single-pricing-box .pricing-features {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.single-pricing-box .pricing-features p:before{
    content: "✔";
    color: red;
    margin-right: 10px;
}
.single-pricing-box .pricing-features li {
  margin-bottom: 12px;
  color: #6084a4;
  position: relative;
  padding-left: 19px;
  font-weight: 300;
}

.single-pricing-box .pricing-features li:last-child {
  margin-bottom: 0;
}

.single-pricing-box .pricing-features li i {
  color: #40A8DD;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.single-pricing-box .pricing-features li i::before {
  font-size: 12px;
}

.single-pricing-box:hover .buy-btn .btn-primary::after {
  opacity: 1;
  visibility: visible;
}



/*------------------------- 
[ service / .service ]
--------------------------- */
.service{
    background:#fff;
    padding:50px 0px;
    padding-bottom: 50px;
}
.service .box .icons{
    border:1px solid #2E58A6;
    margin:0 auto 15px;
    border-radius:50%;
    width:110px;
    height:110px;
    padding:4px;
}
.service .box .icons .icon{
    background: #4CB3CA;
    border-radius:50%;
    width:100px;
    height:100px;
    padding:32px 24px;
}
.service .box:nth-child(2) .icons .icon{
    padding:24px 19px;
}
.service .box:nth-child(3) .icons .icon{
    padding:19px;
}
.service .box .icons .icon img{
    margin:0 auto;
}
.service .box h4{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 10px;
}
.service .box p{
    font-size:14px;
    color:#686868;
    margin:0;
}
/*------------------------- 
[ page / .page ]
--------------------------- */

.page{
    padding: 30px 0px;
}

.page img{
    max-width: 100%;
}

/*------------------------- 
[ about / .about ]
--------------------------- */
.about, .abouts{
    padding:0 0 50px;
}
.about .commontop p, .feature .commontop p {
    margin: 0 0 24px;
}
.about .commontop hr, .feature .commontop hr{
    margin:0 0 25px;
}
.about .des, .feature .des, .abouts .des{
    font-size:14px;
    color:#686868;
    margin:0 0 20px;
}
.about .feature .des{
    margin:0 0 28px;
    line-height:20px;
}
.feature .des{
    margin:0 0 35px;
    line-height:23.5px;
}
.about .des a, .feature .des a{
    font-weight:600;
    color:#4CB3CA;
    text-transform:uppercase;
}
.about .image, .abouts .image{
    position:relative;
}
.about img, .feature img, .abouts img{
    border-radius:4px;
}
.about .image img, .abouts .image img{
    height:365px;
}
.about .image .icon, .abouts .image .icon{
    position:absolute;
    left:0;
    right:0;
    top:38%;
    margin:0 auto;
    border:1px solid #4CB3CA;
    border-radius:50%;
    padding:4px;
    text-align:center;
    width:82px;
    height:82px;
}
.about .image .ico, .abouts .image .ico{
    color:#fff;
    background:#4CB3CA;
    border-radius:50%;
    width:70px;
    height:70px;
    padding:20px;
}
.about .image .ico i, .abouts .image .ico i{
    color:#fff;
    font-size:32px;
}
.feature .box{
    border-radius:4px;
    background:#4CB3CA;
    padding:18px 17px;
    margin-bottom:20px;
}
.feature .box img{
    float:left;
    margin-right:18px;
}
.feature .box p{
    font-size:24px;
    font-weight:600;
    color:#fff;
    margin:0 0 10px;
    line-height:20px;
}
.feature .box a{
    font-size:14px;
    font-weight:600;
    color:#000;
    text-transform:uppercase;
}
.abouts ul{
    margin:0;
}
.abouts ul li{
    padding:0 0 10px;
    font-size:14px;
    font-weight:400;
    color:#686868;
}
.abouts ul li i{
    color:#4CB3CA;
    margin-right:6px;
}
.inner .feature .commontop h2 {
    margin: 0 0 24px;
}
.inner .feature .panel-group {
    margin-bottom: 0px;
}
.inner .feature .panel {
    box-shadow:none ;
}
.inner .feature .panel-default > .panel-heading {
    background-color: #fff;
    padding: 14px 15px;
}
.inner .feature  .panel-title {
    font-size: 18px;
    color: #000;
    font-weight:600;
}
.inner .feature .panel-title  a{
    text-decoration:none;
}
.inner .feature  .panel-title .fa{
    float:right;
    font-size:18px;
}
.inner .feature .panel-group .panel + .panel {
    margin-top: 20px;
}
.inner .feature .panel-body h6{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0;
    line-height:24px;
}
.inner .feature .panel-body h6 a{
    font-weight:600;
    color:#000;
}
.inner .feature .ad1{
    height:588px;
}
.aboutweek{
    margin:50px 0 0;
}
.aboutweek .box{
    border:1px solid #000;
    padding:39px 49px;
    min-height:170px;
}
.aboutweek .box .caption{
    float:left;
    width:60%;
}
.aboutweek .box img{
    float:left;
    margin-right:25px;
}
.aboutweek .box h1{
    font-size:24px;
    font-weight:600;
    color:#000;
    margin:0 0 15px;
}
.aboutweek .box p{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0;
}
.aboutweek .box button{
    float:right;
    background:#4CB3CA;
    color:#fff;
    padding:10px 30px;
    border:none;
    border-radius:4px;
    font-size:16px;
    font-weight:600;
    margin:26px 0 0;
}
/*------------------------- 
[ course / .course ]
--------------------------- */
.course{
    background:#FAFBFD;
    padding-bottom:20px;
}
.courses .owl-buttons .owl-prev{
    left:15px ; 
}
.courses .owl-buttons .owl-next{
    right:15px ;
}
.courses .owl-buttons .owl-prev, .courses .owl-buttons .owl-next{
    color: #fff;
    background: #4CB3CA;
    padding: 9px 8px;
    border-radius: 4px;
    top:-8% ;
}
.courses .owl-buttons .owl-prev:hover, .courses .owl-buttons .owl-next:hover{
    background: #2E58A6;
}
.courses .owl-buttons .owl-prev i, .courses .owl-buttons .owl-next i{
    font-size:30px;
    margin:0;
}
.courses .owl-buttons div {
    opacity:1 ;
}
.product-thumb {
    margin-bottom:30px;
}
.product-thumb img{
    border-radius:4px 4px 0 0;
}
.product-thumb .caption{
    border:1px solid #E5E5E5;
    border-top:0;
    border-radius: 0 0px 4px 4px;
    background:#fff;
}
.product-thumb .caption h3{
    font-size:14px;
    font-weight:600;
    color:#686868;
    padding:15px 15px 28px;
    margin:0;
    line-height:16px;
}
.product-thumb .caption h3 .price, .product-thumb .caption h3 .text{
    color:#4CB3CA;
    float:right;
    font-size:24px;
    font-weight:700;
}
.product-thumb .caption h3 .text{
    color:#2AB5F0;
}
.product-thumb .caption h4{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0;
    padding:0 15px 30px;
}
.product-thumb .caption p{
    font-size:14px;
    font-weight:400;
    margin:0 13px 17px;
    color:#686868;
    display:none;
}
.product-thumb .caption ul{
    margin:0;
    border-top:1px solid #e5e5e5;
}
.product-thumb .caption ul li{
    border-right:1px solid #e5e5e5;
    padding:13px 13px;
}
.product-thumb .caption ul li:last-child{
    border-right:none;
}
.product-thumb .caption ul li a{
    font-size:14px;
    font-weight:600;
    margin:0;
    color:#b2b2b2;
}
.product-thumb .caption ul li i{
    margin-right:3px;
}
.product-thumb .caption ul li:last-child i{
    font-size:14px;
    color:#4CB3CA;
}
.product-list .image {
    float:left;
}
.product-list .image img {
    border-radius: 4px 0px 0 4px;
    width:270px;
    height:207px;
}
.product-list .caption {
    border-top:1px solid #e5e5e5;
    border-left:0;
    margin-left:270px;
    border-radius: 0 4px 4px 0;
    height:207px;
}
.product-list .caption p{
    display:block;
    min-height:55px;
}
.product-thumb .caption h5, .product-thumb .caption h6{
    display:none;
}
.product-list .caption h5, .product-list .caption h6{
    display:block;
}
.product-list .caption h3, .product-list .caption h4{
    display:none;
}
.product-list .caption h5{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0;
    padding:18px 13px 12px;
}
.product-list .caption h5 .price, .product-list .caption h5 .text{
    color:#4CB3CA;
    float:right;
    font-size:24px;
    font-weight:700;
}
.product-list .caption h5 .text{
    color:#2AB5F0;
}
.product-list .caption h6{
    font-size:14px;
    font-weight:600;
    color:#686868;
    padding:0 13px 20px;
    margin:0;
    line-height:16px;   
}
/*--------------------------------- 
[ featured / .featured ]
----------------------------------- */

/*--- counter section ---*/

.counter-section {
  float: left;
  width: 100%;
}

.avatar {
  display: inline-block;
  vertical-align: middle;
  width: 49.5%;
  z-index: 1;
  position: relative;
}

.counter-meta {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 70px;
  z-index: 1;
  position: relative;
}

.counter-meta > span {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
  width: 100%;
}

.counter-meta > h2 {
  color: #fff;
  display: inline-block;
  font-size: 45px;
  font-weight: bold;
  line-height: 47px;
  margin-bottom: 18px;
  width: 100%;
}

.counter-meta > p {
  color: #8f8f8f;
  display: inline-block;
  font-weight: 300;
  width: 100%;
}


.featured{
    position:relative;
    margin-top: 40px;
}
.featured .image img{
    width:100%;
    height:300px;
}
.featured .inner{
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 50px;
    bottom: 0;
}
.featured ul{
    margin:0;
}
.featured ul li{ 
    padding:0;
    width:24.5%;
}
.featured .box{
    text-align:center;
}
.featured .box .icon{
    border:1px solid #2E58A6;
    margin:0 auto 25px;
    border-radius:50%;
    width:80px;
    height:80px;
    padding:4px 3px; 
}
.featured .box .icon .icons{
    background:#2E58A6;
    border-radius:50%;
    width:70px;
    height:70px;
    padding:15px 10px;
}
.featured li:nth-child(2) .box .icon{
    border:1px solid #29B6EE;
}
.featured li:nth-child(2) .box .icon .icons{
    background:#29B6EE;
}
.featured li:nth-child(3) .box .icon{
    border:1px solid #D3B725;
}
.featured li:nth-child(3) .box .icon .icons{
    background:#D3B725;
}
.featured li:last-child .box .icon{
    border:1px solid #D88786;
}
.featured li:last-child .box .icon .icons{
    background:#D88786;
}
.featured .box img{
    margin:0 auto;
}
.featured .box h4{
    font-size:24px;
    font-weight:600;
    color:#fff;
    margin:0 0 10px;
}
.featured .box p{
    font-size:40px;
    font-weight:700;
    color:#4CB3CA;
    margin:0;
}
/*================================================
Blog Area CSS
=================================================*/
.blog{
    background:#f7fafd;
    margin-top: 30px;
}
.blog-area {
  padding-bottom: 40px;
}

.blog-area .pagination-area {
  margin-bottom: 30px;
}

.single-blog-post {
  background: #fff;
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
.single-blog-post a{
    color: inherit;
}
.single-blog-post .blog-image {
  position: relative;
}

.single-blog-post .blog-image a {
  display: block;
}

.single-blog-post .blog-image .date {
  position: absolute;
  left: 20px;
  bottom: -20px;
  background: -webkit-gradient(linear, left top, right top, from(#40A8DD), to(#29C7D6));
  background: linear-gradient(90deg, #40A8DD 0%, #29C7D6 100%);
  color: #ffffff;
  padding: 10px 16px 8px;
  border-radius: 50px;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
}

.single-blog-post .blog-image .date i {
  margin-right: 2px;
}

.single-blog-post .blog-post-content {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 40px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.single-blog-post .blog-post-content h3 {
  line-height: 30px;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
}

.single-blog-post .blog-post-content span {
  display: block;
  color: #0e314c;
  font-size: 14.5px;
  margin-top: 13px;
  margin-bottom: 12px;
}

.single-blog-post .blog-post-content span a {
  color: #6084a4;
}

.single-blog-post .blog-post-content span a:hover {
  color: #ee0979;
}

.single-blog-post .blog-post-content .read-more-btn {
  font-size: 14.5px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}

.single-blog-post .blog-post-content .read-more-btn i {
  font-size: 12px;
  margin-left: 2px;
}

.single-blog-post:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}

.cats ul {
    float: left;
    list-style: none;
    margin:0px;
    padding: 0px;
}

.cats ul li {
    float: left;
    margin-right: 5px;
}

.cats p {
    margin: 0px;
    padding:0px;
}

.cats a {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase
}

.cats a:hover {
    color: #78C8Ce
}

.pagination {
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    font-size: 14px;
    color: #444
}

.pagination .page-numbers.current,
.pagination label,
.pagination span {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
    border: 2px solid rgba(0, 0, 0, .08);
    background: rgba(0, 0, 0, .08)
}

.pagination .page-numbers.current,
.pagination span.current {
    background: #78C8Ce;
    border-color: #78C8Ce;
    color: #FFF;
    font-weight: 600
}

.pagination a,
.pagination a.page-numbers {
    padding: 2px 6px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: 11px;
    color: #444;
    background: rgba(0, 0, 0, .08);
    border: 2px solid rgba(0, 0, 0, .08);
    text-transform: uppercase;
    font-weight: 600
}

.content .pagination {
    margin: 0
}
.tab-content a{
     color: #000;
}

 .form-field{
     margin-bottom:8px;
}
 .form-field:last-child{
     margin-bottom:0px;
}
 .form-field label{
     width:100%;
     float:left;
     font-size:16px;
     color:#000;
}
 .form-field .form-input, .form-field .form-comment{
     width:100%;
     float:left;
     font-size:15px;
     color:#000;
     border:1px solid #a3a3a3;
     padding:18px;
     font-family: 'Lato', sans-serif;
}
 .form-field.input-halfrght{
     padding-right:5px;
}
 .form-field.input-halflft{
     padding-left:5px;
}
 .form-submit-btn{
     width:auto;
     background:#313131;
     font-size:17px;
     color:#fff;
     text-transform:uppercase;
     text-align:center;
     padding:13px 30px;
     border:0px;
     font-weight:700;
}
 .form-submit-btn:hover{
     background:#f2ae2b;
     color:#000;
}

/*--------------------------------- 
[ testimonail / .testimonail ]
----------------------------------- */
/*----- Testimonial -----*/

#our-testimonial{
    padding:50px 0px;
}

.bg-testimonial,
#testimonial-slider .owl-nav {
    position: relative;
}

#testimonial-slider {
    margin-top: -90px;
    margin-bottom: -20px;
}

.bg-transparent {
    background: transparent;
}

.bg-testimonial::after {
    height: 55%;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../images/testimonial-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}

.bg-testimonial::after,
.testi-box .testimonial-round>img {
    width: 100%;

}

.testi-box .testimonial-round {
    height: 180px;
    width: 180px;
    overflow: hidden;
}
.testi-box .testimonial-round img {
    width: 200px;
    margin: 0 auto;
    display: block;
}
.testi-box .testimonial-round,
.testi-box .testimonial-round>img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.testi-box.no-rounded .testimonial-round,
.testi-box.no-rounded .testimonial-round>img {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #24cdd5;
}

.testi-box .testimonial-round:hover>img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.testimonial-round>img {
    pointer-events: none;
}

#testimonial-slider .owl-nav {
    width: 300px;
    display: inline-block;
    height: 30px;
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%);
    margin-left: 2%;
    position: absolute;
    z-index: 5;
}


/*styling for star rating*/

.test-star {
    font-size: 12px;
    color: #ffc13c;
    cursor: pointer;
}

#rattingIcon .fa-star {
    color: #ffc107;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#ratingText {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (max-width: 992px) {
    #testimonial-slider .owl-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 1%;
    }
}


/*----- Testimonial ends home page-----*/



/* ----- Testimonial page ends ----- */
/*-----------------------------
[ newsletter / .newsletter ]
------------------------------- */
#newsletter{
    background:#F5F5F5;
    padding:50px 0;
    text-align:center;
}
#newsletter .news{
    font-size:34px;
    font-weight:400;
    color:#000;
    text-transform:uppercase;
    margin: 0 0 40px;
    line-height:24px;
}
#newsletter .news span{
    font-weight:600;
}
#newsletter .form-group{
    margin:0;
}
#newsletter .input-group{
    width:100%;
}
#newsletter .input-group input{
    width:355px;
    height:41px;
    font-size:13px;
    border:1px solid #e5e5e5;
    border-radius:4px;
    padding:10px;
}
#newsletter .input-group .btn-news{
    color:#fff;
    font-size:16px;
    font-weight:600;
    border-radius:4px;
    margin-left:12px;
    padding:8px 25px;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    height:40px;
}
/*----------------------
[ footer / .footer ]
------------------------ */
footer{
    background:#000;
    border-top:5px solid #4CB3CA;
}
footer .inner{
    padding:50px 0;
}
footer .inner .des, footer .inner .des1{
    margin:30px 0;
    font-size:14px;
    color:#c2c2c2;
    line-height:23px;
}
footer .inner .des1{
    margin:0 0 16px;
}
footer .inner button{
    border:1px solid #4D4D4D;
    border-radius:4px;
    font-size:14px;
    color:#c2c2c2;
    text-transform:uppercase;
    background:transparent;
    padding:9px 19px;
}
footer .inner h5{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin:10px 0 15px;
    text-transform:uppercase;
    line-height:16px;
}
footer .inner hr{
    border-top:3px solid #4CB3CA;
    margin:0 0 30px;
    width:50px;
}
footer .inner ul{
    margin:0;
}
footer .inner li{
    padding:0 0 14px;
}
footer .inner li:last-child{
    padding:0 0 0px;
}
footer .inner li a, footer .inner li{
    font-size:14px;
    color:#c2c2c2;
    line-height:14px;
}
footer .inner li a:hover{
    color:#4CB3CA;
}
footer .inner li a i{
    margin-right:8px;
}
footer .inner .contact li{
    line-height:22px;
}
footer .inner .contact li  i{
    color:#4CB3CA;
    margin-right:7px;
    float:left;
    line-height: 24px;
}
footer .inner .box{
    height:90px;
    padding:0 0 20px;
}
footer .inner .box:last-child{
    padding:0 0 0px;
    height:70px;
}
footer .inner .box img{
    float:left;
    margin-right:16px;
    border-radius:4px;
}
footer .inner .box p{
    font-size:14px;
    color:#c2c2c2;
    margin:0 0 15px;
}
footer .inner .box span{
    font-size:14px;
    font-weight:600;
    color:#4CB3CA;
    margin:0 0 15px;
}
footer .inner .box .text{
    color:#2AB7EF;
}
footer .social{
    border-top:1px solid #191919;
    border-bottom:1px solid #191919;
    padding:30px 0;
}
footer .social ul{
    margin:0 auto;
    display: block;
}
footer .social li{
    padding:0 73px 0 0;
    line-height:14px;
}
footer .social li:last-child{
    padding:0 0px 0 0;
}
footer .social li a{
    color:#4D4D4D;
    font-size:24px;
}
footer .social li a:hover i{
    color:#4CB3CA;
}
footer .powered{
    padding:30px 0;
}
footer .powered ul{
    margin:0;
    line-height: 12px;
}
footer .powered ul li{
    padding:0 30px 0 0;
}
footer .powered ul li:last-child{
    padding:0 0 0 0;
}
footer .powered ul li a{
    font-size:14px;
    font-weight:600;
    color:#C2C2C2;
    text-transform:uppercase;
}
footer .powered p{
    color:#c2c2c2;
    font-size:14px;
    margin:0;
    text-align: center;
}
/*--------------------------------- 
[ bread-crumb / .bread-crumb ]
----------------------------------- */
.bread-crumb{
    position:relative;
}
.bread-crumb img{
    width:100%;
    height: 200px;
}
.bread-crumb .matter{
    position:absolute;
    bottom:59px;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
    text-shadow:0px 1px 2px #fafafa;
}
.bread-crumb .matter h2{
    color:#222;
    font-size:30px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
}
.bread-crumb .matter ul{
    margin:0;
}
.bread-crumb .matter li{
    padding:0px;
    text-transform:uppercase;
}
.bread-crumb .matter li:after {
    content: '/';
    color:#222;
}
.bread-crumb .matter li:last-child:after {
    content: '';
}
.bread-crumb .matter  li a{
    color:#222;
    font-size:18px;
    font-weight:600; 
}
/*------------------------- 
[ team / .team ]
--------------------------- */
.team{
    padding-bottom:50px;
}
.team .box {
    margin-bottom:30px;
}
.team .box img{
    border-radius:4px 4px 0 0;
}
.team .box .caption{
    border:1px solid #E5E5E5;
    border-top:0;
    border-radius: 0 0px 4px 4px;
    padding:20px 19px 18px; 
    position:relative;
}
.team .box .caption h4{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 12px;
}
.team .box .caption h3{
    font-size:14px;
    font-weight:600;
    color:#2AB7EF;
    margin:0 0 20px;
}
.team .box .caption p{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0;
}
.team .box:hover .caption{
    border-color:#4CB3CA;
    border-bottom:none;
}
.team .box:hover .caption::after{
    border-bottom:3px solid #4CB3CA;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    right:0;
    position: absolute;
    border-radius: 0 0px 4px 4px;   
}
/*------------------------- 
[ coures / .coures ]
--------------------------- */
.coures{
    margin:50px 0;
}
.left{
    border:1px solid #e5e5e5;
    margin-bottom:30px;
} 
.left h4{
    color:#000;
    margin:0;
    font-size:18px;
    font-weight:600;
    padding:22px 19px;
    line-height:14px;
    border-bottom:1px solid #e5e5e5;
}
.left .search{
    padding: 20px 19px;
}
.left .search .form-group {
    margin: 0;
    position: relative; 
}
.left .search input {
    color: #999;
    height: 40px;
    box-shadow:none;
    border: 1px solid #e5e5e5;
    font-size:12px;
    font-weight:600;
}
.left .search .btn {
    position: absolute;
    background: #4CB3CA;
    bottom: 0;
    right: 0;
    padding: 8px 9px;
    border:1px solid #2E58A6;
    height: 40px;
    border-radius: 0 4px 4px 0;
}
.left .search .btn i {
    color: #fff;
    font-size: 18px;
}
.left .filter, .left .cost{
    padding:30px 19px;
    border-bottom: 1px solid #e5e5e5;
}
.left .filter{
    border:none;
}
.left .cost{
    border-bottom:0;
}
.left .filter ul, .left .cost ul{
    margin:0;
}
.left .filter ul li{
    padding:0 0 13px;
}
.left .cost ul li{
    padding:0 0 20px; 
}
.left .filter ul li:last-child, .left .cost ul li:last-child{
    padding:0px 0 0px;
}
.left .filter ul li, .left .cost ul li{
    font-size:14px;
    font-weight:600;
    color:#000;
}
.left h3{
    color:#fff;
    margin:0;
    font-size:16px;
    font-weight:600;
    padding:16px 0;
    line-height:14px;
    border:1px solid #2E58A6;
    background:#4CB3CA;
    text-align:center;
}
.left .detail{
    padding:30px 20px;
}
.left .detail p{
    font-size:20px;
    color:#000;
    padding:0 0 15px;
    font-weight:600;
}
.left .detail p span{
    color:#4CB3CA;
    margin-left:20px;
}
.left .detail ul{
    margin:0;
}
.left .detail ul li{
    font-size:14px;
    color:#686868;
    padding:0 0 15px;
    font-weight:600;
}
.left .detail ul li:last-child{
    padding:0;
}
.left .detail ul li i{
    margin-right:15px;
}
.prettyradio > a {
    border: none ;
    background: url(../images/radio-button.png) 0 0 ;
    border-radius:50% ;
    height: 14px ;
    top: 2px ;
    width: 14px ;
    margin-right:10px;
}
.prettyradio > a.checked {
     background: url(../images/radio.png) 0 0 ;
}
.prettycheckbox > a {
    width:13px;
    height:13px;
    margin-right:10px;
    background: url(../images/checkbox.png) 0 0;
    border:none;
    top:2px;
}
.prettycheckbox > a.checked {
    background: url(../images/checkbox-active.png) 0 0;
}
.left .popular{
    padding:30px 19px 0;
}
.left .popular .box{
    margin-bottom:30px;
    min-height:60px;
}
.left .popular .box img{
    float:left;
    border-radius:4px;
    margin-right:12px;
}
.left .popular .box p{
    font-size:14px;
    color:#000;
    margin:0;
}
.left .popular .box span{
    font-size:14px;
    font-weight:600;
    color:#4CB3CA;
}
.left .popular .box .color{
    color:#2BB6ED;
}
.left .archive{
    padding:20px;
}
.left .archive .form-group{
    margin:0;
}
.left .archive .form-group .bootstrap-select{
    height:40px;
}
.left .archive .bootstrap-select .btn-default{
    border-color: #E5E5E5;
    border-radius: 4px ;
    color:#999;
    height:40px;
    font-size:12px;
    font-weight:600;
}
.left .archive .bootstrap-select .btn-default i{
    padding:12px 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    color:#000;
}
.left .archive .bootstrap-select .dropdown-menu li > a:hover {
    color: #4CB3CA;
    background: transparent;
}
.left .tag{
    padding:20px 18px;
}
.left .tag ul{
    margin:0;
}
.left .tag ul li{
    border:1px solid #e5e5e5;
    border-radius:4px;
    padding:10px 8px;
}
.left .tag ul li + li{
    margin:0 0 10px 5px;
}
.left .tag ul li:nth-child(4),.left .tag ul li:nth-child(5){
    margin-left:0px; 
}
.left .tag ul li a{
    font-size:14px;
    font-weight:600;
    color:#999999;
}
.sort{
    border:1px solid #e5e5e5;
    margin-bottom:30px;
    padding:20px 20px;  
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.15);
}
.sort h3{
    margin:0 0 8px;
    font-size:22px;
    font-weight:700;
    color:#29B6EE;
}
.sort p{
    margin:0;
    font-size:18px;
    font-weight:400;
    color:#686868;
}
.sort .form-group{
    margin:0;
}
.sort .form-group .bootstrap-select{
    height:45px;
}
.sort .bootstrap-select .btn-default{
    border-color: #E5E5E5;
    border-radius: 4px ;
    color:#b7b7b7;
    height:45px;
    font-size:14px;
    font-weight:400;
}
.sort .bootstrap-select .btn-default i{
    padding:12px 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 45px;
    color:#000;
}
.sort .bootstrap-select .dropdown-menu li > a:hover {
    color: #4CB3CA;
    background: transparent;
}
.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100% ;
}
.sort .list .btn-default{
    background:transparent;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    color: #000;
    margin: 0 9px 0 0;
    box-shadow:none;
    padding:11px 12px;
}
.sort .list .btn-default:last-child{
    margin: 0 0px 0 0;
}
.sort .list .btn-default i{
    font-size:20px;
}
.sort .list .btn-default:hover{
    color:#fff;
    background:#4CB3CA;
    border:1px solid #2E58A6;
}
.sort .list .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px ;
    border-bottom-right-radius: 4px ;
}
.sort .list .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px ;
    border-bottom-left-radius: 4px ;
}
.coures .details h4{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 10px;
}
.coures .details h4 span{
    font-size:24px;
    font-weight:700;
    color:#4CB3CA;
    float:right;
}
.coures .details .text{
    margin:0 0 20px;
}
.coures .details .text li{
    font-size:14px;
    font-weight:600;
    color:#686868;
    padding:0px;
}
.coures .details .text li i{
    color:#4CB3CA;
}
.coures .details .text li span {
    color:#b2b2b2;
}
.coures .details .image, .coures .details .image1{
    position:relative;
}
.coures .details .image1{
    margin-bottom:30px;
}
.coures .details .image img, .coures .details .image1 img{
    border-radius:4px;
}
.coures .details .image p{
    position:absolute;
    left:23px;
    right:0;
    top:27px;
    font-size:16px;
    color:#fff;
    font-weight:600;
}
.coures .details .image .icon, .coures .details .image1 .icon{
    position:absolute;
    left:0;
    right:0;
    top:38%;
    margin:0 auto;
    border:1px solid #4CB3CA;
    border-radius:50%;
    padding:4px;
    text-align:center;
    width:82px;
    height:82px;
}
.coures .details .image1 .icon{
    width:62px;
    height:62px;
    top:36%;
}
.coures .details .image .ico, .coures .details .image1 .ico{
    color:#fff;
    background:#4CB3CA;
    border-radius:50%;
    width:70px;
    height:70px;
    padding:20px;
}
.coures .details .image1 .ico{
    width:50px;
    height:50px;
    padding:14px;
}
.coures .details .image .ico i, .coures .details .image1 .ico i{
    color:#fff;
    font-size:32px;
}
.coures .details .image1 .ico i{
    font-size:24px;
}
.coures .details .icon{
    margin:0;
}
.coures .details .icon li{
    padding:25px 28px 25px 0;
}
.coures .details .icon li a{
    font-size:14px;
    color:#b2b2b2;
}
.coures .details .icon li a i{
    margin-right:5px;
}
.coures .details .nav-tabs{
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:0 0 30px;
}
.coures .details .nav-tabs > li:hover a, .coures .details .nav-tabs > li.active a{
    color:#4CB3CA;
}
.coures .details .nav-tabs > li a{
    background:transparent;
    color:#000;
    text-transform:uppercase;
    font-weight:600;
    font-size: 18px;
    line-height:24px;
    padding:18px 0;
    margin-right:62px;
    border-bottom:2px solid transparent;
    border:0;
}
.coures .details .nav-tabs > li:last-child a{
    margin-right:0;
    font-size:14px;
}
.coures .details .nav-tabs > li:last-child a i{
    margin-right:6px;
}
.coures .details .tab-content p{
    font-size:14px;
    color:#686868;
    line-height:24px;
    margin:0 0 30px;
}
.coures .details #tab-tutorials {
    margin-bottom:20px;
}
.coures .details #tab-information .panel-group, .coures .details #tab-review {
    margin-bottom: 50px;
}
.coures .details #tab-information .panel {
    box-shadow:none ;
}
.coures .details #tab-information .panel-default > .panel-heading {
    background-color: #fff;
    padding: 14px 19px;
}
.coures .details #tab-information  .panel-title {
    font-size: 16px;
    color: #000;
    font-weight:600;
    text-transform:uppercase;
    margin:0;
}
.coures .details #tab-information .panel-title  a{
    text-decoration:none;
}
.coures .details #tab-information  .panel-title .icofont{
    float:right;
    font-size:18px;
}
.coures .details #tab-information .panel-group .panel + .panel {
    margin-top: 20px;
}
.coures .details #tab-information .panel-body h6{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0;
    line-height:24px;
}
.coures .details #tab-information.panel-body h6 a{
    font-weight:600;
    color:#000;
}
.coures .details .link{
    height:58px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:0 0 50px;
}
.coures .details .link .social{
    margin:10px 0;
}
.coures .details .link .social li{
    padding:6px 9px;
    margin-right:10px;
    border-radius:4px;
}
.coures .details .link .social li:first-child{
    background:#3B5999;
}
.coures .details .link .social li:nth-child(2){
    background:#1FA0F3;
}
.coures .details .link .social li:nth-child(3){
    background:#DE4B39;
}
.coures .details .link .social li:nth-child(4){
    background:#843AB5;
}
.coures .details .link .social li:nth-child(5){
    background:#BC091E;
}
.coures .details .link .social li:nth-child(6){
    background:#0177B5;
}
.coures .details .link .social li:last-child{
    background:#CC201E;
}
.coures .details .link .social li a{
    color:#fff;
    font-size:16px;
}
.coures .details .link button{
    color:#fff;
    font-size:16px;
    font-weight:600;
    border-radius:4px;
    background:#4CB3CA;
    border:1px solid #2E58A6;   
    padding:10px 14px;
    margin:5px 0;
}
.coures .details h6{
    color:#000;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    margin:0 0 20px;
}
.coures .details .box{
    border:1px solid #e5e5e5;
    padding:25px 19px;
    margin-bottom:50px;
}
.coures .details .box img{
    border-radius:4px;
    margin-right:23px;
    float:left;
}
.coures .details .box h2{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 5px;
}
.coures .details .box span{
    font-size:12px;
    font-weight:600;
    color:#999;
}
.coures .details .box p{
    font-size:14px;
    color:#686868;
    margin:12px 0 20px;
}
.coures .details .box .caption{
    margin-left:120px;
}
.coures .details .box button{
    font-size:16px;
    font-weight:600;
    color:#fff;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    padding:10px 14px;
    border-radius:4px;
    text-transform:uppercase;
}
.coures .details h2, .comment h2{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 20px;
}
.coures .details .des, .comment .des{
    font-size:14px;
    font-weight:600;
    color:#686868;
    margin:0 0 20px;
}
.coures .details .review .boxes, .comment .boxes{
    border:1px solid #e5e5e5;
    padding:25px 19px;
    margin-bottom:20px;
}
.coures .details .review .boxes .image, .comment .boxes .image{
    float:left;
    margin-right:23px;
}
.coures .details .review .boxes .detail, .comment .boxes .detail{
    margin:0 0 0 93px;
}
.coures .details .review .boxes .detail ul, .comment .boxes .detail ul{
    margin:0 0 8px;
}
.coures .details .review .boxes .detail ul li, .comment .boxes .detail ul li{
    font-size:18px;
    font-weight:600;
    color:#000;
    padding:0;
}
.coures .details .review .boxes .detail ul li i, .comment .boxes .detail ul li i{
    color:#4CB3CA;
}
.coures .details .review .boxes .detail  h1, .comment .boxes .detail h1{
    font-weight:600;
    font-size: 12px;
    margin:0 0 20px;
    color:#999;
}
.coures .details .review .boxes .detail  p, .comment .boxes .detail p{
    font-weight:400;
    font-size: 14px;
    margin:0;
    color:#686868;
}
.coures .details #form-review h2, .comment #form-review h2{
    font-weight:600;
    font-size: 18px;
    color:#000;
    margin:50px 0 20px;
}
.coures .details #form-review p, .comment #form-review p{
    font-weight:600;
    font-size: 14px;
    color:#686868;
    margin:0 0 50px;
}
.coures .details #form-review label, .comment #form-review label{
    font-weight:600;
    font-size: 14px;
    color:#000;
    margin:0;
    text-transform:uppercase;
}
.coures .details #form-review .form-group, .comment #form-review .form-group{
    margin-bottom:0;
}
.coures .details #form-review .form-control, .comment #form-review .form-control{
    margin-bottom:30px;
    min-height:45px;
    box-shadow:none;
}
.coures .details #form-review i, .comment #form-review i{
    color:#999999;
    font-size:24px;
}
.coures .details #form-review button, .comment #form-review button{
    font-size:16px;
    font-weight:600;
    color:#fff;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    padding:10px 40px;
    border-radius:4px;
    text-transform:uppercase;
    margin:50px 0 0;
}
/*-----------------------------
[ pagination / .pagination ]
------------------------------- */
.pagination{
    border:1px solid #e5e5e5;
    margin:20px 0 0;
    padding:20px 20px;  
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.05);
    width:100%;
    text-align:center;
    border-radius:0;
}
.pagination li{
    display:inline-block;
}
.pagination li:first-child{
    float:left;
}
.pagination li:last-child{
    float:right;
}
.pagination li a{
    font-size:14px;
    font-weight:700;
    border:1px solid #e5e5e5;
    color:#000;
    border-radius:4px;
    padding: 8px 14px;
}
.pagination li:first-child a i{
    margin-right:8px;
}
.pagination li:last-child a i{
    margin-left:8px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #4CB3CA;
    border-color: #2E58A6;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    background-color: #4CB3CA;
    border-color: #2E58A6;
}
/*------------------------- 
[ error / .error ]
--------------------------- */
.error{
    margin: 70px 0 100px;
    text-align:center;
}
.error h2{
    font-size:200px;
    font-weight:800;
    color:#000;
    margin:0 0 50px;
}
.error h5{
    font-size:24px;
    font-weight:700;
    color:#000;
    margin:0 0 30px;
    text-transform:uppercase;
}
.error p{
    font-size:18px;
    color:#686868;
    font-weight:400;
    margin:0 0 50px;
    letter-spacing:1px;
}
.error button{
    font-size:15px;
    color:#fff;
    font-weight:600;
    background: #4CB3CA;
    border:1px solid #2E58A6;
    border-radius:4px;
    padding:12px 16px;
    text-transform:uppercase;
}
/*---------------- 
[ faq / .faq ]
------------------ */
.faq{
    margin:80px 0;
}
.faq .panel {
    border: 1px solid #e5e5e5;
    box-shadow:none ;
    border-radius:0px;
}
.faq .panel-default > .panel-heading {
    background-color: #F7F7F7;
    padding:12px 20px;
    min-height:70px;
}
.faq .panel-title {
    margin: 0;
    font-size: 18px;
    color: #000;
    font-weight:600;
    float:left;
    padding:12px 0;
}
.faq .panel-heading a{
    float:right;
    font-size:16px;
    font-weight:600;
    color:#fff;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    border-radius:4px;
    text-transform:uppercase;
    width:173px;
    height:45px;
    padding: 10px;
    text-align: center;
}
.faq .panel-group .panel + .panel {
    margin-top: 30px;
}
.faq  .panel-body{
    background:#F7F7F7;
    padding:20px;
}
.faq  .panel-body p{
    font-size:14px;
    font-weight:400;
    color:#686868;
}
.faq .right img{
    margin-bottom:30px;
}
/*------------------- 
[ timer / .timer ]
--------------------- */
.comingsoon{
    margin:80px 0;
}
.comingsoon h4{
    font-size:60px;
    font-weight:700;
    color:#000;
    margin:0 0 40px;
}
.comingsoon p{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0 0 50px;
}
.timer #ctime ul{
    margin:0 0 50px;
}
.timer #ctime li {
    border-radius:4px;
    border:2px solid #4CB3CA;
    height:130px;
    width:130px;
    color:#000;
    font-size:40px;
    font-weight:700;
    padding:10px 0;
    text-align:center;
}
.timer #ctime li span{
    color:#000;
    font-size:20px;
    text-transform: uppercase;
    font-weight:600;
    display:block;
}
.timer #ctime li + li{
    margin-left:30px;
}
.comingsoon .subscribe .input-group{
    width:100%;
}
.comingsoon .subscribe .input-group input{
    width:460px;
    height:40px;
    font-size:13px;
    font-weight:600;
    border:1px solid #e5e5e5;
    border-radius:4px;
    padding:10px;
}
.comingsoon .subscribe .input-group .btn-news{
    color:#fff;
    font-size:15px;
    font-weight:600;
    border-radius:4px;
    margin-left:10px;
    padding:8px 30px;
    background:#4CB3CA;
    border:1px solid #2E58A6;
    text-transform:uppercase;
    height:40px;
}


/*--------------------------------- 
[ contactus / .contactus ]
----------------------------------- */
.map{
    margin-top: 50px;
}
.map iframe{
    width:100%;
    height:560px;
    border:0;
}
.contactus{
    margin:80px 0;
}
.contactus h5{
    font-size:24px;
    font-weight:700;
    color:#4CB3CA;
    margin:0 0 24px;
    text-transform:uppercase;   
}
.contactus hr{
    margin:0 0 50px;
    border-top:3px solid #4CB3CA;
    width:50px;
}
.contactus form{
    border:1px solid #E5E5E5;
    padding:49px;   
}
.contactus .form-group{
    margin:0 -15px 0;
}
.contactus label{
    font-size:14px; 
    font-weight:700;
    color:000;
    margin:0 0 15px;
    text-transform:uppercase;
}
.contactus .form-control{
    height:45px;
    padding:5px 15px;
    font-size:13px ; 
    font-weight:400;
    border-radius:0;
    color:#B2B2B2;
    margin:0 0 30px;
}
.contactus textarea.form-control{
    height:150px ;
}
.contactus .btn-primary{
    border:1px solid #2E58A6;
    background:#4CB3CA;
    border-radius:4px;
    font-size:15px;
    font-weight:600;
    padding:8.5px 14px;
    text-transform:uppercase;
}
.contactus .address{
    border:1px solid #E5E5E5;
    padding:49px 18px;
}
.contactus .address hr{
    margin:0 0 29px;
}
.contactus .address p{
    font-size:14px;
    color:#000;
    margin:0 0 20px;
}
.contactus .address ul{
    margin:0;
}
.contactus .address ul li{
    color:#000;
    font-size:14px;
    font-weight:400;
    padding:0 0 20px;
}
.contactus .address  ul li:last-child{
    padding:0 0 0px;
}
.contactus .address ul li i{
    color:#4CB3CA;
    margin-right:8px;
    float:left;
    line-height:22px;
}
.contactus .address  ul li  a{ 
    color:#000;
}
/*-------------------------- 
[ login / .login ]
---------------------------- */
.login{
    margin:60px 0;  
}
.login .box{
    border:1px solid #e5e5e5;
    border-radius:4px;
}
.login .col-sm-6{
    padding:50px 49px;
}
.login .bor{
    border-right:1px solid #E5E5E5;
}
.login h5{
    font-size:24px;
    font-weight:700;
    color:#4CB3CA;
    margin:0 0 24px;
    text-transform:uppercase;   
}
.login hr{
    margin:0 0 30px;
    border-top:3px solid #4CB3CA;
    width:50px;
}
.login .form-group{
    margin-bottom:30px;
}
.login label{
    color:#000;
    font-size:14px;
    font-weight:700;
    margin:0 0 15px;
    text-transform:uppercase;
}
.login .form-control{
    height:45px;
    border-radius:0px;
    color:#B2B2B2;
    font-size:13px;
    border:1px solid #e5e5e5;
}
.login .links{
    color:#686868;
    font-size:14px;
    font-weight:400;
}
.login .links a{
    color:#000;
}
.login .links input {
    margin: 0 8px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.login .btn-primary{
    background:#4CB3CA;
    color:#fff;
    width:100%;
    height:50px;
    border-radius:4px;
    margin:50px 0 30px;
    border:none;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
}
.login .or{
    text-align:center;
    margin:50px 0;
}
.login .or span{
    background:#fff;
    padding:0 17px;
    color:#999;
    font-size:16px;
}
.login .or hr{
    margin:-12px 0 0px;
    border:1px solid #E5E5E5;
    width:100%;
}
.login ul{
    margin:0;
    text-align:center;
}
.login ul li{
    margin:0 0 30px;
    padding:14px 0;
    font-size:16px;
    font-weight:600;
    border-radius:4px;
    text-transform:uppercase;
}
.login ul li a{
    color:#fff;
}
.login ul li i{
    margin-right:43px;
}
.login ul li:first-child{
    background: #3B5999;
}
.login ul li:last-child{
    background: #1DA1F3;
}
.login .donot{
    font-size:14px;
    font-weight:600;
    color:#686868;
    text-align:center;
}
.login .donot a{
    color:#000;
}

/*================================================
Blog Details Area CSS
=================================================*/
.blog-details .article-content {
  margin-top: 30px;
}

.blog-details .article-content .entry-meta {
  margin-bottom: 15px;
}

.blog-details .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #0e314c;
  margin-right: 21px;
  font-weight: 300;
}

.blog-details .article-content .entry-meta ul li span {
  display: inline-block;
  color: #0e314c;
}

.blog-details .article-content .entry-meta ul li a {
  display: inline-block;
  color: #6084a4;
}

.blog-details .article-content .entry-meta ul li a:hover {
  color: #ee0979;
}

.blog-details .article-content .entry-meta ul li i {
  color: #ee0979;
  margin-right: 2px;
}

.blog-details .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
  background: #ee0979;
}

.blog-details .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details .article-content h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 300;
}

.blog-details .article-content p {
  line-height: 1.8;
}

.blog-details .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-details .article-content .wp-block-gallery.columns-3 li {
  -ms-flex: 0 0 33.3333%;
  -webkit-box-flex: 0;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.blog-details .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.blog-details .article-content .article-features-list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 15px;
  margin-left: 20px;
}

.blog-details .article-content .article-features-list li {
  margin-bottom: 12px;
  color: #6084a4;
  position: relative;
  padding-left: 15px;
  font-weight: 300;
}

.blog-details .article-content .article-features-list li::before {
  background: #ee0979;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  position: absolute;
}

.blog-details .article-content .article-features-list li:last-child {
  margin-bottom: 0;
}

.blog-details .article-footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin-top: 30px;
}

.blog-details .article-footer .article-tags {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-details .article-footer .article-tags span {
  display: inline-block;
  color: #0e314c;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.blog-details .article-footer .article-tags a {
  display: inline-block;
  color: #6084a4;
  font-weight: 300;
}

.blog-details .article-footer .article-tags a:hover {
  color: #ee0979;
}

.blog-details .article-footer .article-share {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-details .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.blog-details .article-footer .article-share .social li {
  display: inline-block;
}

.blog-details .article-footer .article-share .social li a {
  color: #0e314c;
  background-color: #f7f7f7;
  width: 33px;
  height: 33px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
  display: inline-block;
}

.blog-details .article-footer .article-share .social li a:hover {
  color: #ffffff;
  background-color: #ee0979;
}

blockquote, .blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 50px !important;
  position: relative;
  text-align: center;
  z-index: 1;
  font-family: "Raleway", sans-serif;
  margin-bottom: 20px;
  margin-top: 20px;
}

blockquote p, .blockquote p {
  color: #0e314c;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
  font-size: 20px !important;
}

blockquote cite, .blockquote cite {
  display: none;
}

blockquote::before, .blockquote::before {
  color: #efefef;
  content: "\f10d";
  position: absolute;
  left: 50px;
  top: -60px;
  z-index: -1;
  font-family: "Font Awesome 5 Free";
  font-size: 140px;
  font-weight: 900;
}

.comments-area {
  margin-top: 28px;
}

.comments-area .comments-title {
  line-height: initial;
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: 300;
}

.comments-area ol, .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.comments-area .comment-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  background:#ddf1f1;
}

.comments-area .children {
  margin-left: 20px;
}

.comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 20px;
  color: #0e314c;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.comments-area .comment-body .reply {
  margin-top: 15px;
}

.comments-area .comment-body .reply a {
  border: 1px solid #eeeeee;
  color: #6084a4;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}

.comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: #ee0979;
  border-color: #ee0979;
}

.comments-area .comment-meta {
  margin-bottom: .8em;
}

.comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}

.comments-area .comment-author .fn {
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}

.comments-area .comment-author .says {
  display: none;
}

.comments-area .comment-metadata {
  color: #6084a4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
}

.comments-area .comment-metadata a {
  color: #6084a4;
}

.comments-area .comment-metadata a:hover {
  color: #ee0979;
}

.comments-area .comment-content p {
  font-size: 14px;
}

.comments-area .comment-respond .comment-reply-title {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  font-size: 15px;
  display: inline-block;
}

.comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.comments-area .comment-respond .comment-notes {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 8px;
}

.comments-area .comment-respond .comment-notes .required {
  color: red;
}

.comments-area .comment-respond .comment-form-comment {
  margin-top: 15px;
  float: left;
  width: 100%;
}

.comments-area .comment-respond label {
  display: block;
  margin-bottom: 5px;
  color: #0e314c;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
}

.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.comments-area .comment-respond input[type="date"]:focus, .comments-area .comment-respond input[type="time"]:focus, .comments-area .comment-respond input[type="datetime-local"]:focus, .comments-area .comment-respond input[type="week"]:focus, .comments-area .comment-respond input[type="month"]:focus, .comments-area .comment-respond input[type="text"]:focus, .comments-area .comment-respond input[type="email"]:focus, .comments-area .comment-respond input[type="url"]:focus, .comments-area .comment-respond input[type="password"]:focus, .comments-area .comment-respond input[type="search"]:focus, .comments-area .comment-respond input[type="tel"]:focus, .comments-area .comment-respond input[type="number"]:focus, .comments-area .comment-respond textarea:focus {
  border-color: #ee0979;
}

.comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 6px;
}

.comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #6084a4;
  font-weight: normal;
}

.comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.comments-area .comment-respond .form-submit input {
  background-color: #ee0979;
  border: none;
  color: #ffffff;
  padding: 11px 25px 10px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #44ce6f;
}

/*----------------------
[ event / .event ]
------------------------ */
.event{
    margin:80px 0; 
}
.event .box{
    margin:0 0 30px; 
}
.event .box .image{
    float:left;
}
.event .box .image img{
    border-radius:4px 0 0 4px;
}
.event .box .caption{
    margin-left:270px; 
    border:1px solid #e5e5e5;
    border-left:0;
    min-height:207px;
    border-radius:0 4px 4px 0; 
    padding:19px;
}
.event .box .caption h4{
    font-size:18px;
    font-weight:600;
    color:#000;
    margin:0 0 8px;
}
.event .box .caption h4 span{
    font-size:14px;
    font-weight:400;
}
.event .box .caption h4 span b{
    font-size:24px;
    font-weight:600;
    color:#4CB3CA;
    margin-right:6px;
}
.event .box .caption ul{
    margin:0 0 24px;
}
.event .box .caption ul li{
    font-size:14px;
    font-weight:600;
    color:#686868;
    padding:0 8px 0 0;
}
.event .box .caption ul li:first-child{
    border-right:1px solid #686868;
}
.event .box .caption ul li:last-child{
    font-size:18px;
    font-weight:400;
}
.event .box .caption p{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0 0 20px;
}
.event .box .caption button{
    font-size:14px;
    font-weight:400;
    color:#fff;
    border:1px solid #2E58A6;
    background:#4CB3CA;
    padding:6px 14px;
    border-radius:4px;
    text-transform:uppercase;
}
/*----------------------
[ eventview / .eventview ]
------------------------ */
.eventview{
    margin:80px 0;
}
.eventview .box .image img{
    border-radius:4px 4px 0 0;
}
.eventview .box  ul{
    margin:0 0 30px;
    border:1px solid #e5e5e5;
    border-top:0;
    border-radius:0 0 4px 4px; 
    padding:30px 0 20px;
}
.eventview .box  ul li{
    padding:0 40px;
    width:33%;
    vertical-align:top;
}
.eventview .box  ul li i{
    float:left;
    font-size:23px;
    color:#4CB3CA;
}
.eventview .box  ul li .text{
    margin-left:36px;
}
.eventview .box  ul li p{
    font-size:18px;
    font-weight:600;
    color:#4CB3CA;
    margin:0 0 10px;
}
.eventview .box  ul li span{
    font-size:14px;
    font-weight:600;
    color:#686868;
}
.eventview .matter h4{
    font-size:24px;
    font-weight:600;
    color:#000;
    margin:0 0 30px;
}
.eventview .matter button{
    font-size:16px;
    font-weight:600;
    color:#fff;
    border:1px solid #2E58A6;
    background:#4CB3CA;
    padding:10px 11px;
    border-radius:4px;
    margin:0 0 30px;
}
.eventview .matter p{
    font-size:14px;
    font-weight:400;
    color:#686868;
    margin:0 0 30px;
}
.eventview .map iframe {
    height: 400px;
    border: 1px solid #e5e5e5;
}

/*----------------
[ responsive ]
------------------*/
@media (max-width:1180px){

    header .icon .btn-primary {
        font-size: 12px;
    }
    .slide-detail .matter h4 {
        font-size: 36px;
    }
    .commontop p {
        font-size: 12px;
    }
    .feature .box p {
        font-size: 16px;
    }
    .product-thumb .caption h4 {
        font-size: 13px;
    }
    .product-thumb .caption h3 .price, .product-thumb .caption h3 .text {
        font-size: 20px;
    }
    .product-thumb .caption h3 {
        font-size: 12px;
    }
    .product-thumb .caption ul li:last-child i, .product-thumb .caption ul li a {
        font-size: 12px;
    }
    .product-thumb .caption ul li {
        padding: 16px 10px;
    }
    .product-thumb .caption ul li i {
        margin-right: 1px;
    }   
    .blog .box .caption h4, .blogs .box .caption h4{
        font-size:14px;
    }
    footer .inner .box p, footer .inner .des, footer .inner .des1, footer .inner li a, footer .inner li {
        font-size: 12px;
    }
    footer .inner .contact li i {
        margin-right: 4px;
        margin-bottom: 22px;
    }
    footer .social li {
        padding: 0 55px 0 0;
    }
    footer .powered ul li a, footer .powered p {
        font-size: 12px;
    }
    footer .powered ul li {
        padding: 0 25px 0 0;
    }
    .inner .feature .panel-title {
        font-size: 16px;
    }
    .aboutweek .box h1 {
        font-size: 20px;
    }
    .abouts .des {
        font-size: 13px;
    }
    .sort .list .btn-default {
        margin: 0 6px 0 0;
        padding: 11px 6px;
    }
    .left .filter ul li .check, .left .cost ul li .check {
        font-size: 12px;
    }
    .left .popular .box p {
        font-size: 10px;
    }
    .product-list .caption h6 {
        padding: 0 13px 18px;
    }
    .product-thumb .caption p {
        font-size: 12px;
    }
    .left .detail ul li i {
        margin-right: 6px;
    }
    .left .detail ul li {
        font-size: 12px;
    }
    .coures .details .nav-tabs > li a {
        font-size: 16px;
        margin-right: 44px;
    }
    .coures .details #form-review label, .comment #form-review label {
        font-size: 11px;
    }
    .left .tag ul li a {
        font-size: 12px;
    }
    .left .tag ul li:last-child {
        margin: 10px 0px 0px 0;
    }
    .faq .panel-title {
        font-size: 15px;
    }
    .faq .panel-body p {
        font-size: 12px;
    }
    .event .box .caption p {
        font-size: 12px;
    }
    .eventview .box ul li {
        width: 32%;
    }
    .contactus .address p, .contactus .address ul li {
        font-size: 12px;
    }
    .contactus .address {
        padding: 49px 10px;
    }
    .contactus .address ul li:first-child i{
        margin-bottom:14px;
    }
}


@media (max-width:1000px){
    .slideshow img{
        min-height:400px;
    }
    .slideshow .owl-pagination{
        bottom:0px;
    }
    .top .icon li a,#language .text {
        font-size: 10px;
    }
    .top .icon li {
        padding: 10px 6px;
    }

    header .icon li {
        margin-right: 7px;
    }
    header .icon .btn-primary {
        font-size: 10px;
        padding: 12px 5px;
    }   
    .slide-detail .matter {
        padding: 30px 30px;
    }
    .slide-detail .matter h4 {
        font-size: 30px;
    }
    .slide-detail .matter .text {
        font-size: 16px;
    }
    .slide-detail .matter2 form {
        padding: 10px 10px;
    }
    .slide-detail .matter2 h2{
        font-size:12px;
        padding:6px 15px;
    }
    .bootstrap-select{
        height:30px;
    }
    .slide-detail .matter2 form .btn span {
        padding: 5px 5px;
    }
    .slide-detail .matter2 form .btn i{
        padding:4px 10px;
    }
    .slide-detail .matter2 form input, .slide-detail .matter2 form .btn {
        font-size: 10px;
        height:30px;
    }
    .slide-detail{
        bottom:25px;
    }
    .slide-detail .matter2 form .btn-primary {
        font-size: 12px;
        padding: 6px 10px;
    }
    .service .box h4 {
        font-size: 13px;
    }
    .service .box p, .commontop p {
        font-size: 10px;
    }
    .about .des, .feature .des, .abouts .des {
        font-size: 10px;
    }
    .feature .box {
        padding: 15px 12px;
        margin-bottom:18px;
    }
    .feature .box img {
        margin-right: 8px;
    }
    .blog .box .caption h4, .blogs .box .caption h4 {
        font-size: 12px;
    }
    #newsletter .news{
        font-size:26px;
    }
    .courses .owl-buttons .owl-prev, .courses .owl-buttons .owl-next{
        padding:0px;
        top:-6%;
    }
    .feature .box p {
        font-size: 12px;
        margin:0;
    }
    .feature .box a {
        font-size: 11px;
    }
    .about .image img{
        height: 297px;
    }
    .featured .box h4 {
        font-size: 18px;
    }
    .blog .box .caption, .blogs .box .caption {
        padding: 22px 10px 30px;
    }
    .blog .box .caption ul li a, .blogs .box .caption ul li a {
        font-size: 12px;
    }
    .testimonail .box p {
        font-size: 10px;
    }
    footer .inner h5 {
        font-size: 16px;
    }
    footer .inner .box p, footer .inner .des, footer .inner .des1, footer .inner li a, footer .inner li {
        font-size: 10px;
    }
    footer .inner button {
        font-size: 11px;
    }
    footer .social li {
        padding: 0 35px 0 0;
    }
    footer .powered ul li a, footer .powered p {
        font-size: 10px;
    }
    footer .powered ul li {
        padding: 0 12px 0 0;
    }
    footer .links1{
        width:19%;
    }
    footer .links2{
        width:28%;
    }
    footer .inner .box p {
        margin: 0 0 10px;
    }
    .product-thumb img {
        width:100%;
    }
    .abouts ul li{
        font-size:12px;
    }
    .inner .feature .panel-title {
        font-size: 11px;
    }
    .inner .feature .panel-body h6 {
        font-size: 10px;
    }
    .aboutweek .box .caption {
        width: 74%;
    }
    .aboutweek .box h1 {
        font-size: 18px;
    }
    .team .box .caption p {
        font-size: 10px;
    }
    .left h4 {
        font-size: 13px;
        padding: 23px 10px;
    }
    .left .search input {
        font-size: 10px;
    }
    .left .search, .left .filter, .left .cost, .left .detail {
        padding: 20px 10px;
    }
    .prettycheckbox > a {
        margin-right: 5px ;
    }
    .left .cost ul li .check {
        font-size: 10px;
    }
    .left .filter ul li .check{
        font-size:9px;
    }
    .left .popular .box {
        text-align:center;
    }
    .left .popular .box img {
        float:none ;
        margin: 0 auto 10px;
    }
    .sort p {
        font-size: 15px;
    }
    .pagination li a {
        padding: 8px 9px;
    }
    .product-thumb .caption p {
        font-size: 10px;
    }
    .product-list .caption h5 {
        font-size: 12px;
    }
    .product-list .caption h5 .price, .product-list .caption h5 .text {
        font-size: 18px;
    }
    .left .detail p {
        font-size: 18px;
    }
    .left .detail ul li i {
        margin-right: 1px;
    }
    .left .detail ul li {
        font-size: 10px;
    }
    .left h3 {
        font-size: 14px;
    }
    .coures .details .nav-tabs > li a {
        font-size: 13px;
        margin-right: 26px;
    }
    .login .links {
        font-size: 12px;
    }
    .login ul li i {
        margin-right: 17px;
    }
    .login .donot {
        font-size: 11px;
    }
    .left .tag ul li {
        padding: 1px 6px 7px;
    }
    .left .tag ul li a {
        font-size: 8px;
    }
    .blog-detail .bloggs .caption h5 {
        font-size: 14px;
    }
    .blog-detail .bloggs .caption p {
        font-size: 12px;
    }
    .blog-detail .link .social li, .eventview .matter .link .social li {
        font-size: 12px;
        padding: 6px 6px;
        margin-right: 1px;
    }
    .priceplan .box ul li, .priceplan .box1 ul li, .priceplan .box2 ul li {
        font-size: 12px;
    }
    .faq .panel-title {
        font-size: 10px;
    }
    .faq .panel-body p {
        font-size: 10px;
    }
    .comingsoon p {
        font-size: 12px;
    }
    .event .box .caption ul li {
        font-size: 10px;
    }
    .event .box .caption ul li:last-child {
        font-size: 15px;
    }
    .event .box .caption {
        padding: 19px 10px;
    }
    .event .box .caption p {
        font-size: 10px;
        margin: 0 0 19px;
    }
    .eventview .box ul li {
        padding: 0 20px;
    }
    .eventview .box ul li p {
        font-size: 16px;
    }
    .eventview .box ul li span {
        font-size: 12px;
    }
    .contactus .address p {
        font-size: 10px;
    }
    .contactus .address ul li{
        font-size:9px;
    }
    .contactus .address ul li:first-child i{
        margin-bottom:14px;
    }
    .contactus h5 {
        font-size: 16px;
    }
    .commontop p {
        margin: 0 20% 24px;
    }
    .about .image img, .abouts .image img,.inner .feature .ad1 {
     
        height: auto;
    }
    .testi-box .top90 {
        margin-top: 10px;
    }

}


@media (max-width:767px){
    .flex-control-nav{
        display: none;
    }
   .featured-boxes-area {
      position: relative;
      z-index: 1;
      margin-top: 0px;
   }

  .featured-boxes-inner {
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.03);
  }
  .featured-boxes-inner .col-lg-3 {
    border-right: none;
    border-bottom: 1px solid #eeeeee;
  }
  .featured-boxes-inner .col-lg-3:last-child {
    border-bottom: none;
  }
  .single-featured-box {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px;
    padding-bottom: 36px;
  }
  .single-featured-box .icon {
    top: 25px;
    -webkit-animation: iconTop 0.4s ease-in-out;
            animation: iconTop 0.4s ease-in-out;
  }
  .single-featured-box .icon i::before {
    font-size: 40px;
  }
  .single-featured-box h3 {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    font-size: 19px;
  }
  .single-featured-box p {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  .single-featured-box .read-more-btn {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
  }
  .single-featured-box:hover .icon {
    top: 25px;
  }
  .single-featured-box:hover .read-more-btn {
    bottom: 20px;
  }
  .services-area .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .overview-box {
    margin-left: -15px;
    margin-right: -15px;
  }
  .overview-box .overview-content {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
  .overview-box .overview-content .content {
    padding-left: 0;
    max-width: 100%;
    text-align: center;
  }
  .overview-box .overview-content .content.left-content {
    margin-left: 0;
    padding-right: 0;
  }
  .overview-box .overview-content .content h2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .overview-box .overview-content .content .bar {
    height: 4px;
    margin: 20px auto 20px;
  }
  .overview-box .overview-content .content .services-list {
    text-align: left;
  }
  .overview-box .overview-content .content .services-list li {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .overview-box .overview-content .content .services-list li span {
    font-size: 13.5px;
  }
  .overview-box .overview-content .content .features-list {
    margin-top: -10px;
    text-align: left;
  }
  .overview-box .overview-content .content .features-list li {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .overview-box .overview-content .content .sub-title {
    margin-bottom: 9px;
    font-size: 11.5px;
  }
  .overview-box .overview-content .content .btn {
    margin-top: 25px;
  }
  .overview-box .overview-image {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .overview-box .overview-image .image img{
    margin-top: 40px;
    width: 100%;
  }
  .circle-img{
    width: 100%;
  }


    #logo{
        display: none;
    }
    .logo img {
         width: 200px;
         float:none;
         margin: 0 auto;
         display: block;
         height:auto;
         padding: 10px;
    }
    .details .nav-tabs .pull-right{
        clear:both !important;
    }
    .event .box .caption h4 span{
        display:block;
    }
    .product-thumb .caption ul li {
        padding: 16px 7px;
    }
    .pull-right,.pull-left{
        float:none !important;
    }
    .error h2 {
        font-size: 75px;
    }
    .about img,.feature img,.feature .ad1{
        margin:0 auto;
    }
    .login h5,.bread-crumb .matter h2{
        font-size:16px;
        margin:0 0 10px;
    }
    .bread-crumb .matter  li a{
        font-size:14px;
    }
    .coures .details .icon li {
        padding: 15px 20px 15px 0;
    }
    .coures .details .link button{
        font-size:11px;
        padding:6px 14px;
    }
    .coures .details #form-review button, .comment #form-review button{
        font-size:14px;
        padding:7px 20px;
        margin:20px 0 0;
    }
    .sort,.pagination{
        padding:20px 0;
    }
    .pagination li a{
        font-size:10px;
    }
    .top .pull-left, .top .pull-right{
        float:none;
        text-align:center;
    }
    .top .icon li a, #language .text{
        font-size: 12px;
    }
    .top .icon li,.top .icon li:first-child {
        padding: 6px 6px;
        border: none;
    }
    #logo img{
        margin:0 auto;
    }

    header .icon {
        float:none;
        text-align:center;
        height:auto;
    }
    header .icon .btn-primary {
        font-size: 15px;
        width:100%;
    }
    .slideshow .owl-buttons .owl-prev, .slideshow .owl-buttons .owl-next{
        top:26%;
    }
    .slideshow img {
        min-height: 0;
    }
    .slide-detail {
        position: relative;
        bottom: 0;
    }
    .slide-detail .matter {
        background: #000;
        margin: 30px 0;
    }
    .slide-detail .matter2 {
        margin: 0 0 30px;
        border: 1px solid #e5e5e5;
    }
    .slide-detail .matter2 form .form-control{
        margin-bottom: 15px;
        height:30px;
    }
    .slide-detail .matter2 form input, .slide-detail .matter2 form .btn {
        font-size: 14px;
    }
    .slide-detail .matter2 form .btn-primary {
        font-size: 16px;
        padding: 8px 20px;
    }
    .service .box {
        margin:0 0 20px;
    }
    .service .box h4 {
        font-size: 18px;
    }
    .service .box p, .commontop p, .about .des, .feature .des, .abouts .des, .product-thumb .caption h3, .product-thumb .caption ul li:last-child i, .product-thumb .caption ul li a, .blog .box .caption ul li a, .blogs .box .caption ul li a, footer .inner .box p, footer .inner .des, footer .inner .des1, footer .inner li a, footer .inner li, footer .inner button, .abouts ul li, .inner .feature .panel-body h6, .team .box .caption p, .testimonail .box p, .coures .details #form-review label, .comment #form-review label, .login .donot, .priceplan .box ul li, .priceplan .box1 ul li, .priceplan .box2 ul li, .faq .panel-body p, .comingsoon p, .event .box .caption ul li, .event .box .caption p, .eventview .box ul li span, .contactus .address p {
        font-size: 13px;
    }
    .about .image img, .abouts .image img, .inner .feature .ad1 {
        height: auto;
    }
    .feature .box p {
        font-size: 18px;
    }
    .product-thumb .caption h4 {
        font-size: 15px;
    }
    .blog .box img, .blogs .box img, .team .box img, footer .links1, footer .links2, .featured ul li, .aboutweek .box .caption,  .coures .details .image1 img, .eventview .box ul li, .coures .details .nav-tabs > li, .event .box .image img  {
        width:100%;
    }
    .blog .box .caption h4, .blogs .box .caption h4 {
        font-size: 18px;
    }
    .testimonail .inner {
        top: 30px;
    }
    .testimonail .box {
        margin: 0 0;
    }
    .testimonail .box p i {
        font-size: 24px;
        margin-right: 5px;
    }
    #newsletter .input-group input {
        width: auto;
        margin-bottom:20px;
    }
    #newsletter .news {
        font-size: 20px;
        line-height: 28px;
    }
    footer .inner h5 {
        font-size: 18px;
        margin: 30px 0 15px;
    }
    footer .social li {
        padding: 0 10px 10px 0;
    }
    footer .powered ul li a, footer .powered p {
        font-size: 14px;
    }
    footer .powered .text-right{
        text-align:left;
    }
    footer .powered ul li {
        padding: 0 12px 10px 0;
    }
    footer .powered p {
        margin: 18px 0 0;
    }
    .featured {
        background: #f7f7f7;
        padding: 30px 0;
    }
    .featured .inner {
        position: relative;    
        top: 0;
    }
    .featured .image img {
        display: none;
    }
    .featured .box h4 {
        font-size: 24px;
        color:#000;
    }
    .about .image .icon, .abouts .image .icon {
        top: 20%;
    }
    footer .inner .contact li i {
        margin-bottom: 0;
    }
    .abouts ul li i {
        float: left;
        line-height: 24px;
    }
    .inner .feature{
        margin-bottom:30px;
    }
    .inner .feature .panel-title{
        font-size:15px;
    }
    .aboutweek .box {
        padding: 39px 20px;
        text-align:center;
    }
    .aboutweek .box img, .aboutweek .box button{
        float:none;
    }
    .aboutweek .box img{
        margin: 0 auto 10px;
    }
    .sort p {
        font-size: 18px;
        margin:0 0 20px;
    }
    .coures .details .nav-tabs > li a {
        font-size: 16px;
    }
    .coures .details #form-review label, .comment #form-review label{
        margin:0 0 10px;
    }
    .login .bor {
        border-right: none;
    }
    .login .col-sm-6 {
        padding: 49px 30px;
    }
    .priceplan .box1, .priceplan .box2 {
        margin-top:30px;
    }
    .error p {
        font-size: 17px;
    }
    .faq .panel-heading a, .event .box .image {
        float: none ;
        font-size:13px;
        padding:5px 10px;
        height:auto;
    }
    .faq .panel-title {
        font-size: 14px;
        line-height:20px;
    }
    .faq .right img {
        margin:0 auto 30px;
    }
    .comingsoon h4 {
        font-size: 40px;
    }
    .comingsoon .subscribe .input-group input {
        width: auto;
    }
    .timer #ctime li {
        margin-bottom:30px;
    }
    .event .box .caption {
        margin-left: 0;
        border-left:1px solid #e5e5e5;
    }
    .event .box .caption ul li:last-child {
        font-size: 18px;
        float:none;
    }
    .eventview .box ul li p {
        font-size: 18px;
    }
    .eventview .box ul li{
        padding: 0 20px 20px;
    }
    .blog-detail .link .social li:first-child, .eventview .matter .link .social li:first-child{
        padding-left:0px;
    } 
    .contactus h5 {
        font-size: 24px;
    }
    .contactus .address {
        padding: 49px 18px;
        margin:30px 0 0 0;
    }
    .contactus .address ul li {
        font-size: 14px;
    }
    .faq .panel-default > .panel-heading {
        padding: 20px 20px;
    }
    .faq .panel-title {
        padding: 0px 0;
        margin:0 0 25px;
        float:none;
    }
    header .icon li{
        width:100%;
    }
    header .icon #srch{
        margin:0 0 20px;
    }
    header .icon #srch .form-control{
        position: relative;
        right: 0;
        visibility: visible;
        width: 100%;
        opacity: 1;
    }
    header .icon #srch button {
        position:absolute;
        right:0;
        top:0;
    }
    header .icon #srch:hover .form-control{
        width: 100%;
    }
    .bread-crumb img {
        height: 100px;
    }
    .bread-crumb .matter {
        bottom: 31px;
    }
    .pagination li:first-child, .pagination li:last-child {
        float: none;
    }
    .product-thumb .caption ul li i {
        margin-right: 4px;
    }
    .coures .details .review .boxes .detail ul .pull-right, .comment .boxes .detail ul .pull-right{
        float:none;
    }
    .slide-detail .matter h4{
        font-size:16px;
        margin:10px 0 20px;
    }
    .slide-detail .matter2 h2{
        font-size:16px;
    }
    .commontop h2{
        margin:30px 0 20px;
        font-size:16px;
    }
}


@media (min-width:320px) and  (max-width:414px){
    .commontop p {
        margin: 0 0 20px;
    }
    .bread-crumb .matter h2 {
        font-size: 18px;
    }
    .coures .details h4 {
        font-size: 16px;
    }
    .coures .details .link, .blog-detail .link, .eventview .matter .link {
        height: auto;
    }
    .coures .details .link .pull-left, .coures .details .link .pull-right, .blog-detail .link .pull-left, .blog-detail .link .pull-right,.eventview .matter .link .pull-left , .eventview .matter .link .pull-right{
        float:none ;
    }
    .coures .details .link .social li {
        margin: 0 9px 10px 0;
    }
    .coures .details .box img, .coures .details .review .boxes .image, .comment .boxes .image  {
        margin: 0 auto 20px;
        float: none ;
    }
    .coures .details .review .boxes .image img, .comment .boxes .image img{
        margin:0 auto;
    } 
    .coures .details .box .caption, .coures .details .review .boxes .detail, .comment .boxes .detail {
        margin: 0; 
        text-align:center;
    }
    .error h2 {
        font-size: 75px;
    }
    .comingsoon .subscribe .input-group .btn-news {
        margin: -2px 0 0 10px;
    }
    .timer #ctime li:nth-child(3){
        margin-left:0;
    }
    .event .box .caption ul li:first-child {
        border-right: none;
    }
    .event .box .caption ul li{
        width:100%;
        padding:0 0 5px; 
    }
}

 @media (min-width: 992px){
     .nav li i.fa {
         display: none;
    }
}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {

    #main-navigation-wrapper .nav > li > a {
         padding:8px 5px;
    }

    #main-navigation-wrapper .nav > li > a {
         padding-right: 18px;
         padding-left: 18px;
         font-size:15px;
    }

}

 @media only screen and (min-width: 260px) and (max-width: 991px) {
     .display-block{
         display:none;
    }
     .display-none{
         display:block;
    }
     .header-nav-right {
         width:100%;
    }
     #main-navigation-wrapper .container{
         padding:0px;
    }
     #main-navigation-wrapper.navbar2-wrap.navbar3-wrap {
         margin:0px;
    }
     .logo-menu {
         display: block;
         margin:8px 0px 0px 10px;
         max-width: 160px;
    }

     .navbar-header{
         width:100%;
         float:none;
         margin:0px!important;
    }
     .navbar-default .navbar-toggle {
         border: medium none;
         display: block;
         margin: 8px 0px 9px;
         padding: 15px 10px;
         color: #000;
    }
     .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: inherit;
         border-color: #222;
    }
     .navbar-default .navbar-toggle .icon-bar {
         background: #222;
         width: 25px;
         height: 3px;
    }
     .navbar-default .navbar-toggle:hover .icon-bar {
         background: #222;
    }
     .navbar-collapse.collapse {
         display: none!important;
         height: 0!important;
         padding-bottom: 0;
         overflow: auto!important;
         width: 100%;
    }
     .navbar-default .navbar-collapse {
         background: #12121b;
         padding: 0px 0px !important;
         padding-bottom: 0px !important;
         margin: 0;
    }
     .navbar-collapse.collapse.in {
         display: block !important;
         height: auto !important;
         max-height: 80vh;
    }
     .navbar-collapse.in {
         overflow-y: auto;
    }
     #main-navigation-wrapper .navbar-collapse {
         border-color: #232333;
         border-radius: 0px;
         background: #f2ae2b;
         text-align:center;
    }
     .navbar-nav {
         margin: 0;
    }
     #main-navigation-wrapper .nav {
         width: 100%;
    }
     #main-navigation-wrapper .nav > li {
         display: block;
         padding: 0;
         text-align:left;
         width: 100%;
    }
     #main-navigation-wrapper .nav > li > a {
         display: block;
         width: 100%;
         padding: 16px 25px;
         border-bottom: 1px solid #f3c05f !important;
         border-right: 0px;
         position: relative;
         font-size: 15px;
         color: #48402b;
    }
     #main-navigation-wrapper .nav > li:first-child > a {
         padding-left: 25px;
    }
     #main-navigation-wrapper.navbar-default .navbar-nav > .open > a, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus, #main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover, #main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a, #main-navigation-wrapper.navbar-default .navbar-nav > li > a.active {
         background: #000;
         color: #fff;
    }
     #main-navigation-wrapper .nav > li.dropdown.dropdown-active > a {
         border-bottom: 1px solid #12121b;
    }
     #main-navigation-wrapper .nav > li:last-child > a {
         border-bottom: 1px solid #c3a554;
    }
    #main-navigation-wrapper .nav > li > a {
         padding:16px 20px;
    }
     #main-navigation-wrapper .nav > li + li > a {
         border-left: none;
    }
     #main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #fff none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .nav > li.test > .dropdown-submenu{
        display:block
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.second_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.second_submenu li a {
        background: #f2f2f2;
         padding-left: 50px;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu{
         position: relative;
         width: 100%;
         opacity: 1;
         visibility: visible;
         left: auto;
         right: auto;
         transform: translate3d(0px, 0px, 0px);
         transition: none !important;
         display: none;
         top: auto;
         float: none;
         background: #c3a554 none repeat scroll 0 0;
         box-shadow: 0 0 0 #fff;
    }
     #main-navigation-wrapper .dropdown-submenu li:hover > ul.dropdown-submenu.third_submenu {
         left: 0;
    }
     #main-navigation-wrapper .dropdown-submenu li ul.dropdown-submenu.third_submenu li a {
        background: #ab8c39;
         padding-left: 70px;
    }
     #main-navigation-wrapper .dropdown-submenu > li > a {
        /* color: #000;
         */
         border-bottom: 1px solid #ccc;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         display: block;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
         background: transparent none repeat scroll 0 0;
         border: medium none;
         float: right;
         height: 51px;
         margin: -15px 0 0;
         position: relative;
         right: -25px;
         width: 51px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f078";
         top: 15px;
         color: #52482e;
         right: 17px;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler.dopdown-nav-toggler-active:before {
         position: absolute;
         font-family: 'FontAwesome';
         border: none;
         content: "\f077";
         top: 15px;
         color: #52482e;
    }
     #main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar {
         margin-top: 4px;
    }

     #main-navigation-wrapper .var2-nav.var3-nav .nav > li {
         padding: 0px;
    }
     #main-navigation-wrapper .var2-nav.var3-nav .nav > li > a {
         padding: 16px 25px;
    }
     i.fa.fa-chevron-down {
         float: right;
         color: #fff;
         z-index: 9999;
         position: absolute;
         top: 0;
         right: 9px;
         padding: 13px 16px;
    }

}

.brands{
    padding: 50px 0px;
}

.brands .item img{
    border: 1px solid #eaeaea;
    margin: 2px;
}

/*============== to top ==============*/
#toTop {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align:center;
    position:fixed; 
    bottom:30px; 
    right:20px;
    cursor:pointer;
    display:none;
    background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%);;
    color:#fff;
    font-size: 17px;
    line-height: 38px;
}