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

    Template Name: Educat
    Description: This is html5 template
    Author: Devitems
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header CSS
        2.1 Header Top
        2.2 Header Logo Menu
            2.2.1 Header Logo
            2.2.2 Header Mainmenu
            2.2.3 Header Searchbox
            2.2.4 Mobile Menu
    3. Slider Area
    4. About Area
    5. Course Area
    6. Fun Factor Area
    7. Latest News Area
    8. Online Product Area
    9. Testimonial Area
    10. Event Area
    11. Newsletter Area
    12. Footer Widget Area
    13. Footer Area
    14. Home Two Start
        14.1 Home Two Header
        14.2 Home Two Slider
        14.3 Home Two Newsletter
    15. Shop Grid Page
    16. Product Details Page
    17. Course Page
        17.1 Teachers Area
    18. Course Details Page
        18.1 Course Details Content
        18.2 Course Details Sidebar
    19. Event Page
    20. Event Details Page
        20.1 Event Details Content
        20.2 Event Details Sidebar
    21. latest News Page
    22. News Details Page
        22.1 News Details Content
        22.2 News Details Sidebar
    23. Contact Page
    24. About Page
    25. Shortcode
    26. Scrollup
    27. Additional CSS

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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left !important;}
.floatright {float:right !important;}
.floatnone {float:none !important;}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}
.aligncenter {text-align:center !important;}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
a:focus, button:focus {outline:0px solid}
input:focus {box-shadow: 0; outline: 0}
textarea {box-shadow: 0; outline: 0}
img {
    max-width:100%;
    height:auto;
    border:0;
    vertical-align:top;
}
.fix {overflow:hidden}
p {}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: 'montserratsemi_bold';
}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
    color: #4c4c4c;
    text-decoration: none;
}
a:active, a:hover, a:focus {outline: 0 none; text-decoration: none}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear{clear:both}
::-moz-selection {background: #b3d4fc; text-shadow: none}
::selection {background: #b3d4fc; text-shadow: none}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-webkit-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
::-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-ms-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

@font-face {
    font-family: 'montserratbold';
    src: url('css/fonts/montserrat-bold-webfont.eot');
    src: url('css/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('css/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('css/fonts/montserrat-light-webfont.eot');
    src: url('css/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-light-webfont.woff') format('woff'),
         url('css/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('css/fonts/montserrat-regular-webfont.eot');
    src: url('css/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('css/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('css/fonts/montserrat-semibold-webfont.eot');
    src: url('css/fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('css/fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #222222;
    font-family: 'montserratlight';
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    background: #fff
}
.container { width: 1200px}
.container, .row, .col-md-12, .col-md-10, .col-md-9, .col-md-8, .col-md-6, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .as-mainwrapper {
    transition: all 0.3s ease 0s
}
.section-margin {margin: 120px 0 140px 0}
.section-padding {padding: 120px 0}
.section-bottom-padding {padding: 0 0 120px 0}
.section-top-padding {padding: 120px 0 0 0}
.section-title {
    text-align: center;
    overflow: hidden;
    position: relative
}
.section-title h3 {
    color: #2d3e50;
    font-size: 30px;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase
}
/*.section-title p {*/
    /*color: #000000;*/
    /*font-family: "Raleway";*/
    /*font-weight: 400;*/
    /*margin-bottom: 24px;*/
/*}*/
.section-title-wrapper { margin-bottom: 87px; position: relative;}
.section-title-wrapper:before {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: -28px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 230px;
}
.section-title-wrapper:after {
    background: rgba(0, 0, 0, 0) url("img/icon/cap-dark.jpg") no-repeat scroll 0 0;
    bottom: -35px;
    color: #1bb4b9;
    content: "";
    font-size: 14px;
    height: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px;
    z-index: 9;
}
.white .section-title h3, .white .section-title p {color: #ffffff;}
.section-title-wrapper.white:before {background: #ffffff none repeat scroll 0 0;}
.white.section-title-wrapper:after {background: rgba(0, 0, 0, 0) url("img/icon/cap-white.jpg") repeat scroll 0 0;}
.carousel-style-one.owl-theme .owl-controls .owl-nav div {
    color: #2D3E50;
    display: inline-block;
    font-size: 60px;
    height: 60px;
    left: -50px;
    line-height: 59px;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    filter: alpha(opacity=100);
    padding: 0;
    position: absolute;
    text-align: center;
    top: 39.6%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 36px;
}
.carousel-style-one.owl-theme .owl-controls .owl-nav div.owl-next {
    left: auto;
    right: -50px;
}
.latest-area:hover .carousel-style-one.owl-theme .owl-controls .owl-nav div {
    opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}
.dividers {border-top: 1px solid #ccc; }
.as-mainwrapper {
    position: relative;
}
.as-mainwrapper.wrapper-boxed {
    background-color: #ffffff;
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
    float: none;
    margin: 0 auto;
    max-width: 1200px;
}
.main-content-wrapper, .wrapper-wide {
    background: #ffffff;
}
/*------Margin left-------*/
.ml-0 { margin-left: 0px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
/*------Margin right-------*/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
/*------Margin Top-------*/
.mt-0 { margin-top: 0px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
/*------Margin Bottom-------*/
.mb-0 { margin-bottom: 0px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
/*------Padding left-------*/
.pl-0 { padding-left: 0px }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
/*------Padding right-------*/
.pr-0 { padding-right: 0px }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
/*------Padding Top-------*/
.pt-0 { padding-top: 0px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
/*------Padding Bottom-------*/
.pb-0 { padding-bottom: 0px }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.block {display: block}
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.1 Header Top
/*----------------------------------------*/
.header-top {
    background: #2d3e50 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 13px;
    position: relative
}
.header-top:before, .about-area:before, .newsletter-area:before {
    content: "";
    height: 48px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 43%;
}
.header-top:after, .about-area:after, .newsletter-area:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -o-border-image: none;
        border-image: none;
    border-style: solid;
    border-width: 24px 10px;
    content: "";
    height: 5px;
    position: absolute;
    right: 43%;
    top: 10px;
    width: 0;
}
.header-top span {padding: 14px 0; display: inline-block}
.header-top-right > .content {
    display: inline-block;
    font-family: "montserratregular";
    margin-left: 13px;
    padding-left: 17px;
    position: relative;
}
.header-top-right > .content > a {color: #fff}
.header-top-right .content:hover > a {color: #2d3e50;}
.header-top-right > .content i {font-size: 14px; margin-right: 8px;}
.header-top-right {float: right; padding-top: 23px}
.header-top-right > .content:after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 2px;
}
.header-top-right > .content:first-child:after {display: none;}
.header-top-right > .content .account-dropdown {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 5px 19px 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    width: 125px;
    z-index: -99;
}
.header-top-right > .content:hover .account-dropdown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    z-index: 9999;
}
.account-dropdown a {
    color: #2d3e50;
    display: block;
    padding: 5px 0;
}
.account-dropdown li {display: block;}
/*----------------------------------------*/
/*  2.2 Header Logo Menu
/*----------------------------------------*/
.header-logo-menu.stick {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    margin: auto;
    padding: 0;
    position: fixed;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 10;
}
.bg-dark.header-logo-menu.stick {background: #3F5771}
.as-mainwrapper.wrapper-boxed .header-logo-menu.stick {
    width: 1200px
}
/*----------------------------------------*/
/*  2.2.1 Header Logo
/*----------------------------------------*/
.logo > a {display: inline-block; position: relative; z-index: 8}
.logo {padding-top: 38px;}
.header-logo-menu.stick .logo {padding: 23px 0;}
/*----------------------------------------*/
/*  2.2.2 Header Mainmenu
/*----------------------------------------*/
.mainmenu {display: inline-block; position: relative; z-index: 99}
.mainmenu-area {
    margin-top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.header-logo-menu.stick .mainmenu-area .mainmenu ul#nav > li > a {line-height: 96px}
.header-logo-menu.stick .mainmenu-area {padding: 0; margin: 0;}
.mainmenu ul#nav > li {
    display: inline-block;
    margin-right: 24px;
    position: relative;
}
.mainmenu ul#nav > li > a {
    color: #2d3e50;
    display: block;
    font-family: "montserratregular";
    font-size: 12px;
    line-height: 109px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative
}
.mainmenu ul#nav > li > a:after, .mainmenu ul#nav.menu-white > li > a:after  {
    bottom: 43px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.header-logo-menu.stick .mainmenu ul#nav > li > a:after {
  bottom: 38px;
}
.mainmenu ul#nav.menu-white > li:hover > a:after {background: #2d3e50 }
.mainmenu ul#nav > li:hover > a:after, .mainmenu ul#nav.menu-white > li:hover > a:after{width: 21px}

.mainmenu ul#nav.menu-white > li > a {color: #fff}
.mainmenu ul#nav.menu-white > li:hover > a, .stick .mainmenu ul#nav.menu-white > li:hover > a {color: #2d3e50}
.mainmenu li > a > i {
    margin-left: 6px;
    position: relative;
    top: -1px;
}
.lg-space .mainmenu ul#nav > li {margin-right: 36px;}
.mainmenu ul#nav.border-full > li:hover > a:after {width: 100%}
.mainmenu ul#nav.border-top > li > a:after {bottom: auto; top: 30px}
.mainmenu ul#nav.border-top-2 > li > a:after {bottom: auto; top: -9px}
.padding-small .logo {padding-top: 20px}
.padding-small .mainmenu ul#nav > li > a {line-height: 82px}
/*------------------------------------------*/
/*  Dropdown Menu
/*------------------------------------------*/
.mainmenu ul.sub-menu, .mainmenu ul.sub-menu ul.inside-menu {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: -23px;
    margin: 0;
    padding: 14px 21px 16px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 190px;
    z-index: -99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.mainmenu ul#nav li ul.sub-menu > li  {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.mainmenu ul#nav li ul.sub-menu > li a, .mega-menu a {
    color: #2d3e50;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 33px;
    text-transform: capitalize;
}
.mainmenu li > .sub-menu i {
    float: right;
    font-size: 17px;
    top: 10px;
}
.mainmenu ul#nav li:last-child, .header-two .mainmenu ul#nav li:last-child {margin-right: 0}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul.sub-menu li:hover ul.inside-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    z-index: 9999;
}
.mainmenu ul.sub-menu ul.inside-menu {
    left: 169px;
    top: -2px;
    width: 195px;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.mainmenu ul.sub-menu li:hover ul.inside-menu {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    z-index: 9999;
}
.fixed {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}
/*----------------------------------------*/
/*  Megamenu
/*----------------------------------------*/
.mega-menu {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: -23px;
    margin: 0;
    padding: 26px 21px 20px;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: -99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.mainmenu nav > ul > li:hover .mega-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    z-index: 9999;
}
.mega-menu h3 {
    color: #2d3e50;
    font-family: montserratregular;
    font-size: 12px;
    padding-bottom: 10px;
    text-transform: uppercase;
    position: relative
}
.mega-menu h3:after {
    background: #909090 none repeat scroll 0 0;
    bottom: 8px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 25px;
}
.mm-5-column {
    left: -445px;
    width: 790px;
}
.mm-4-column {
  width: 650px;
  left: -305px;
}
.mm-3-column {
  left: -187px;
  width: 532px;
}
.col-2{width: 50%}
.col-3{width: 33.333%}
.col-4{width: 25%}
.col-5{width: 20%}
/*----------------------------------------*/
/*  2.2.3 Header Searchbox
/*----------------------------------------*/
.header-search {
    cursor: pointer;
    display: inline-block;
    margin-left: 18px;
}
.search {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: 0;
    margin-right: 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 119px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: height;
    transition-property: height;
    width: 290px;
    z-index: 9999;
}
.search.open {height: 50px}
.search-form {
    background-color: #ffffff;
    border-top: 1px solid #86bc42;
    float: right;
    width: 290px;
}
.padding-small .search {
  top: 92px;
}
.search-menu {
    display: inline-block;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 30px;
}
.search-menu:hover {background: #2D3E50 none repeat scroll 0 0;}
.bg-blue {background: #2D3E50}
#search-form {overflow: hidden; position: relative;}
#search-form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #666666;
    font-size: 13px;
    font-weight: 300;
    height: 48px;
    padding: 0 40px 0 15px;
    width: 100%;
}
.search-form input[type="search"] {
    border: medium none;
    float: left;
    background: transparent;
    font-size: 24px
}
.search-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 48px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.search-form button[type="submit"]:hover {color: #2D3E50}
.search-menu i#toggle-search {color: #ffffff; font-size: 16px;}
.header-logo-menu.stick .search {top: 96px}
/*----------------------------------------*/
/*  2.2.4 Mobile Menu
/*----------------------------------------*/
.mobile-menu-area {background: #2d3e50 none repeat scroll 0 0; display: none;}
.mean-container .mean-bar:after {display: none}
.mean-container .mean-nav ul li a:hover {background: #fff;}
.mean-container a.meanmenu-reveal span {background: #ffffff none repeat scroll 0 0;}
.mean-container .mean-nav ul li a {
    background: #ffffff none repeat scroll 0 0;
    color: #2D3E50;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-nav ul li {background: transparent}
.mean-container .mean-nav ul li li a {
    color: #4e4f54;
    opacity: .90;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    border-top: 0;
}
.mean-container a.meanmenu-reveal:hover span {background: #fff}
.mobile-menu-area .mean-nav {background: #2d3e50 none repeat scroll 0 0}
.mean-last {margin-bottom: 20px}
.mobile-menu {position: relative}
.mean-container .mean-bar:before {
    color: #fff;
    content: "MENU";
    font-size: 18px;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: 13px;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.slider-area, .background-area, .overlay-light-fullwidth, .overlay-light-2-fullwidth, .overlay-dark-fullwidth, .overlay-dark-2-fullwidth {
    position: relative;
    overflow: hidden
}
.slider-area::after, .overlay-light-fullwidth::after, .overlay-light-2-fullwidth::after, .overlay-dark-fullwidth::after, .overlay-dark-2-fullwidth::after {
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(21.5deg) scale(1.5);
    transform-origin: 0 bottom 0;
    width: 64%;
    z-index: 2;
    background: rgba(134, 188, 66, 0.6) none repeat scroll 0 0;
}
.overlay-light-fullwidth::after, .overlay-light-2-fullwidth::after, .overlay-dark-fullwidth::after, .overlay-dark-2-fullwidth::after {
    transform: none
}
.overlay-light-fullwidth:after {
    width: 100%
}
.overlay-light-2-fullwidth:after {
    width: 100%;
    background: rgba(134, 188, 66, 0.4) none repeat scroll 0 0;
}
.overlay-dark-fullwidth:after {
    background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;
    width: 100%
}
.overlay-dark-2-fullwidth:after {
    background: rgba(45, 62, 80, 0.6) none repeat scroll 0 0;
    width: 100%
}
.nivo-caption {z-index: 9;}
.banner-content, .banner-content .container, .banner-content .row, .banner-content .col-md-12, .banner-content .text-content-wrapper, .banner-content .text-content {
    height: 100%;
    margin: auto;
}
.banner-content .text-content-wrapper {
    display: table;
    float: right;
    margin-right: -23px;
}
.banner-content .text-content-wrapper.full-width {float: none; margin: auto; z-index: 9; position: relative}
.slider-area .text-content, .background-area .text-content, .table-cell {display: table-cell; vertical-align: middle;}
.banner-content h1 {
    color: #ffffff;
    font-size: 60px;
    line-height: 64px;
    padding-bottom: 41px;
    position: relative;
}
.slider-area .banner-content h1 {
    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
        animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}
.banner-content h1:after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 15px;
    content: "";
    height: 5px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 66%;
}
.banner-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
}
.button-default {
    background: #2d3e50 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: "montserratregular";
    font-size: 14px;
    margin: 0;
    padding: 15px 35px;
    text-transform: uppercase;
}
.button-default:hover {color: #fff}
.banner-readmore {
    clear: both;
    display: inline-block;
    line-height: 48px;
}
.button-green:hover {background: #2D3E50;}
.nivo-directionNav {-webkit-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s}
.preview-2 .nivo-controlNav, .slider-three .preview-2 .nivo-directionNav {display: none; }
.banner-content.static-text {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9;
}
.background-area .button-default {display: inline}
.no-animation.background-area:after, .no-animation.overlay-light-fullwidth:after, .no-animation.overlay-light-2-fullwidth:after, .no-animation.overlay-dark-2-fullwidth:after {
    animation: none
}
.banner-content h1.text-center::after {right: 0; margin: auto}
.banner-content h1.border-none::after, .background-area.overlay-none::after {display: none}
.text-content-wrapper.full-width {margin: auto; float: none}
.preview-2 {position: relative;}
.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav, .preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
    font-size: 0;
}
.preview-2 .nivo-directionNav a.nivo-prevNav::before, .preview-2 .nivo-directionNav a.nivo-nextNav::before {
    background: #5A6271;
    border-radius: 50%;
    color: #ffffff;
    content: "";
    cursor: pointer;
    font-family: "Material-Design-Iconic-Font";
    font-size: 50px;
    height: 78px;
    left: 0;
    line-height: 80px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all 300ms ease-in 0s;
    width: 80px;
    z-index: 9;
}
.preview-2 .nivo-directionNav a.nivo-prevNav:hover::before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover::before {
    color: #ffffff;
}
.preview-2 .nivo-directionNav a.nivo-nextNav::before {
    content: "";
    left: auto;
    top: 94px;
}
.nivo-directionNav {
    margin-top: -87px;
    position: absolute;
    top: 50%;
    left: 1%
}
.preview-2 .nivo-controlNav {
    bottom: 26px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: inherit;
    z-index: 99;
    display: none
}
.preview-2 .nivo-controlNav a {
    background-color: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 12px;
    line-height: 10px;
    margin: 0 17px;
    position: relative;
    text-indent: -9999px;
    width: 12px;
}
.preview-2 .nivo-controlNav a::before {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 30px;
    content: "";
    height: 25px;
    left: -17px;
    margin: auto;
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
}
.preview-2:hover .nivo-controlNav a{opacity: 1; z-index: 999999;}
.nivo-controlNav a.active:before, .nivo-controlNav a:hover:before {border-color: #fff}
.slider-two .preview-2 .nivo-controlNav, .slider-three .preview-2 .nivo-controlNav {display: inline-block}
.slider-area.no-overlay:after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0}
/*----------------------------------------*/
/*  4. About Area
/*----------------------------------------*/
.about-area {
    background: rgba(0, 0, 0, 0) url("img/banner/work.jpg") no-repeat scroll center top;
    color: #ffffff;
    margin-top: 140px;
    padding-bottom: 352px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: right;
    padding-bottom: 150px;
}
.about-container p
{
    color: #2d3e4f;
}
@media (max-width: 767px) {
    .about-area {
        background: rgba(0, 0, 0, 0) url("img/banner/work.jpg") no-repeat scroll center top !important;
        margin-top: 80px;
    }
    .about-container p {
        color: #999 !important;
    }
}

.about-area:before {
    height: 110px;
    left: 0;
    right: auto;
    top: -20px;
    width: 49.2%;
}
.about-area:after {
    border-width: 55px 30px;
    left: 49.2%;
    top: -20px;
    right: auto
}
.about-area h3 {
    font-size: 30px;
    margin-bottom: 79px;
    padding-top: 22px;
    z-index: 9;
    position: relative;
}
.about-area p {
    font-family: "Raleway";
    line-height: 26px;
    margin-bottom: 42px;
}
.about-container {margin-left: 70px;}
.about-area .button-default {padding: 9px 41px;}
.about-container > .button-default:hover {background: #ffffff none repeat scroll 0 0; color: #2d3e50;}
/*----------------------------------------*/
/*  5. Course Area
/*----------------------------------------*/
.course-area .section-title-wrapper {margin-bottom: 122px;}
.single-item-image a {display: inline-block;}
.single-item-image {
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -35px;
}
.overlay-effect a {position: relative}
.overlay-effect a:before {
  background: rgba(45, 62, 80, 0.2) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  width: 100%;
}
.single-item:hover .overlay-effect a:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    padding: 0 35px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
}
.single-item:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}
.single-item-text h4 {font-size: 20px; padding-top: 7px;}
.single-item-text h4 a, .single-item-text h4 {color: #2d3e50;}
.single-item-text-info span {
    color: #696969;
    font-family: "montserratregular";
    margin-right: 11px;
}
.single-item-text-info span span {color: #2d3e50;}
.single-item-text > p {color: #222222;}
.single-item-content {
    margin-bottom: 44px;
    overflow: hidden;
    padding-top: 21px;
}
.single-item-text-info {margin-bottom: 18px; padding-top: 5px;}
.single-item-comment-view span {
    color: #696969;
    display: inline-block;
    font-family: "montserratregular";
    font-size: 12px;
    margin-right: 17px;
}
.single-item-comment-view span:last-child {margin-right: 0}
.single-item-comment-view > span i {font-size: 14px; margin-right: 8px;}
.single-item-comment-view, .single-item-rating {display: inline-block;}
.single-item-rating {
    color: #f3c30b;
    float: right;
    font-size: 16px;
}
.single-item-rating i {margin-left: 3px;}
.single-item .button-default {padding: 8px 33px;}
.button-bottom {margin-bottom: -19.5px; text-align: center;}
.single-item:hover .button-default {background: #2d3e50 none repeat scroll 0 0;}
.button-large.button-default {
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.2);
    font-size: 18px;
    margin-top: 83px;
    padding: 12px 18px;
    text-transform: capitalize;
}
.shortcode .button-large.button-default {margin-top: 40px}
.button-default.button-large:hover {background: #2d3e50 none repeat scroll 0 0;}
.button-large.button-default i {
    font-size: 28px;
    line-height: 20px;
    margin-left: 11px;
    position: relative;
    top: 4px;
}
/*----------------------------------------*/
/*  6. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {
    background: rgba(0, 0, 0, 0) url("img/banner/2.jpg") repeat scroll 0 0;
    color: #ffffff;
    padding: 100px 0;
}
.single-fun-factor {font-family: "montserratregular"; text-align: center;}
.single-fun-factor > h4 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 41px;
    position: relative;
}
.single-fun-factor > h4:after {
    background: #ffffff none repeat scroll 0 0;
    bottom: -11px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 77px;
}
.single-fun-factor h2 {font-size: 62px; line-height: 46px;}
/*----------------------------------------*/
/*  7. Latest News Area
/*----------------------------------------*/
.latest-area {padding: 120px 0 70px;}
.single-latest-text > h3 {
    font-family: raleway;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.single-latest-item {
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.single-latest-item:hover {box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25);}
.single-latest-text > h3 a {color: #2d3e50;}
.single-latest-image {float: left;}
.single-latest-image a {display: inline-block}
.single-latest-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #86bc42;
    overflow: hidden;
    padding: 30px 0 35px 35px;
}
.single-latest-item .single-item-comment-view span {margin-right: 13px;}
.single-latest-item .single-item-comment-view {
    display: block;
    margin-bottom: 2px;
}
.single-latest-item .button-default {
    font-size: 12px;
    margin-top: 7px;
    padding: 4px 21px;
}
.single-latest-item:hover .button-default {background: #2D3E50 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  8. Online Product Area
/*----------------------------------------*/
.single-product-item {box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);}
.single-product-image {text-align: center;}
.single-product-image img {width: 100%;}
.single-product-text > h4 a {
    color: #4c4c4c;
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
}
.single-product-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    padding: 23px 24px 22px;
}
.single-product-text h5 {
    color: #696969;
    font-family: "montserratregular";
    font-size: 14px;
    margin-bottom: 20px;
}
.product-price > h3 {
    color: #4c4c4c;
    display: inline-block;
    float: left;
    font-size: 24px;
}
.product-price {margin-bottom: 23px; overflow: hidden;}
.product-buttons {overflow: hidden;}
.single-product-text .button-default {
    border: 0 none;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 27px;
    margin-left: 8px;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 27px;
}
.single-product-text .button-default:hover {background: #2d3e50 none repeat scroll 0 0;}
.single-product-text .button-default.cart-btn {
    font-size: 11px;
    line-height: 27px;
    margin-left: 0;
    padding: 0 14px;
    width: auto;
}
.single-product-item:hover .button-default.cart-btn {background: #2d3e50 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  9. Testimonial Area
/*----------------------------------------*/
.testimonial-area {
    background: rgba(0, 0, 0, 0) url("img/banner/3.jpg") no-repeat scroll 0 0 / cover;
    overflow: hidden;
    padding: 95px 0 82px;
    position: relative;
}
.testimonial-area:after {
    background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.testimonial-image-slider {margin-top: 5px}
.slick-list {margin: 0 5px}
.sin-testiImage {
    display: inline-block;
    margin-bottom: 11px;
    outline: medium none;
}
.sin-testiImage img {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block !important;
    height: 80px;
    margin-bottom: 30px;
    margin-top: 36px;
    outline: 0 none;
    width: 80px;
}
.sin-testiImage.slick-current img {
    border: 2px solid #fff;
    height: 146px;
    margin-top: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 146px;
}
.testimonial-text-slider h2 {
    color: #ffffff;
    display: block;
    font-family: "montserratregular";
    font-size: 30px;
    font-weight: 600;
    line-height: 24px;
}
.testimonial-text-slider {
    margin: auto;
    padding: 0;
    position: relative;
    width: 51%;
    z-index: 9;
}
.sin-testiText{outline: none}
.sin-testiText p {margin-top: 22px; color: #fff; line-height: 24px}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 25px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 34.6%;
    width: 16px;
}
.slick-prev {left: -31px}
.slick-next {right: -31px}
.slick-prev:before, .slick-next:before {
    height: 25px;
    width: 16px;
    left: 0;
    top: 0;
    position: absolute;
    color: #fff;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 50px !important;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.slick-next:before {
    right: 0;
    content: "";
}
.slick-slider {z-index: 9;}
.testimonial-area:hover .slick-prev:before, .testimonial-area:hover .slick-next:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
/*----------------------------------------*/
/*  10. Event Area
/*----------------------------------------*/
.single-event-image > a {display: block; position: relative;}
.single-event-image > span {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 96px;
    left: 0;
    position: absolute;
    width: 96px;
}
.single-event-image a > span {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    font-family: "montserratregular";
    font-size: 24px;
    height: 96px;
    left: 0;
    line-height: 35px;
    padding-top: 16px;
    position: absolute;
    width: 96px;
}
.single-event-image span {
    display: block;
    font-family: "montserratsemi_bold";
    font-size: 42px;
    text-align: center;
}
.single-event-text > h3 a, .single-event-text > h3 {color: #4c4c4c;}
.single-event-text > h3 {font-family: "montserratregular"; margin-bottom: 5px;}
.single-event-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #86bc42;
    padding: 29px 34px 35px;
}
.single-event-item .single-item-comment-view {margin-bottom: 12px;}
.single-event-item .single-item-comment-view span {margin-right: 12px;}
.single-event-item .single-item-comment-view span:last-child {margin-right: 0;}
.single-event-item .button-default {
    margin-top: 16px;
    padding: 6px 23px;
}
.single-event-item:hover .button-default {background: #2d3e50 none repeat scroll 0 0;}
.single-event-item {box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);}
/*----------------------------------------*/
/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-area {
    background: #2d3e50 none repeat scroll 0 0;
    color: #ffffff;
    position: relative;
}
.newsletter-area:before {
    height: 148px;
    left: 0;
    right: auto;
    top: -20px;
    width: 44%;
}
.newsletter-area:after {
    border-width: 74.5px 40px;
    left: 44%;
    right: auto;
    top: -20px;
}
.newsletter-content h2, .newsletter-content h3 {font-family: raleway; font-weight: 700; font-size: 30px}
.newsletter-content > h3 {margin-bottom: 2px; font-size: 24px}
.subscribe-form input {
    color: #696969;
    height: 100%;
    padding-left: 15px;
    width: 100%;
    border: 0;
}
.subscribe-form .newsletter_submit {
    border: 2px solid #86bc42;
    font-family: raleway;
    font-weight: 700;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 34%;
    background: #86bc42;
    color: #fff;
    text-align: center;
    padding-top: 15px;
}
.subscribe-form .newsletter_submit:hover {
    background: #86bc42;
    border: 2px solid #86bc42;
}
.newsletter-form {overflow: hidden; padding: 36px 0;}
.subscribe-form {
    float: right;
    height: 56px;
    position: relative;
    width: 525px;
}
.subscribe-form:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 28px 15px;
    content: "";
    height: 5px;
    left: -30px;
    position: absolute;
    top: 0;
    width: 0;
}
.newsletter-content {
    padding-top: 26px;
    z-index: 9;
    position: relative;
}
/*----------------------------------------*/
/*  12. Footer Widget Area
/*----------------------------------------*/
.footer-widget-area {
    background: #2d3e50 none repeat scroll 0 0;
    color: #ffffff;
    padding: 80px 0 65px;
}
.footer-logo > a {display: inline-block;}
.footer-logo {margin-bottom: 24px;}
.social-icons a {
    background: #ffffff none repeat scroll 0 0;
    color: #2d3e50;
    display: inline-block;
    font-size: 20px;
    height: 31px;
    line-height: 30px;
    margin-right: 11px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 31px;
}
.social-icons > a:last-child {margin-right: 0;}
.social-icons > a:hover {color: #ffffff;}
.social-icons {margin-top: 27px;}
.single-footer-widget > h3 {
    font-family: raleway;
    font-weight: 800;
    line-height: 19px;
    margin-bottom: 37px;
    padding-top: 12px;
    text-transform: uppercase;
}
.single-footer-widget > span {display: block; margin-bottom: 11px;}
.single-footer-widget > span i {font-size: 18px; width: 30px;}
.footer-list a {color: #ffffff; line-height: 25px;}
.instagram-image {padding-top: 5px;}
.footer-img {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.instagram-image .footer-img:nth-child(3), .instagram-image .footer-img:nth-child(6) {margin-right: 0;}
.footer-img a {display: inline-block; position: relative}
.footer-img a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.footer-img:hover a:before {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}
.footer-img a:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    content: "+";
    font-family: "montserratregular";
    font-size: 40px;
    height: 18px;
    left: 0;
    margin: -9px auto 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 18px;
}
.footer-img:hover a:after {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100)}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footer-area {
    color: #ffffff;
    font-size: 12px;
    padding: 18px 0;
}
.column-right {float: right}
.footer-area span a {color: #ffffff;}
.footer-area span a:hover {border-bottom: 1px solid #ffffff;}
.single-footer-widget > a {color: #ffffff; display: block; margin-bottom: 11px;}
.single-footer-widget > a:hover i {color: #fff}
.single-footer-widget > a i {font-size: 18px; width: 30px;}
/*----------------------------------------*/
/*  14. Home Two Start
/*----------------------------------------*/
/*----------------------------------------*/
/*  14.1 Home Two Header
/*----------------------------------------*/
.header-two .header-top:before, .header-two .header-top:after {display: none;}
.header-two .header-top-right > span {color: #ededed;}
.header-two .header-top-right {padding-top: 0;}
.header-two .header-top-right span:first-child {margin-right: 27px;}
/*----------------------------------------*/
/*  14.2 Home Two Slider
/*----------------------------------------*/
/*.slider-area.slider-two:after {*/
    /*background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;*/
    /*width: 100%;*/
    /*transform: none;*/
    /*-webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;*/
            /*animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;*/
/*}*/
/*.slider-two .nivo-directionNav {display: none;}*/
/*.slider-two .banner-content h1 {*/
    /*-webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;*/
        /*animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;*/
/*}*/
/*.slider-three .banner-content h1 {*/
    /*-webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;*/
        /*animation: 1000ms ease-in-out 0s normal none 1 running flipInX;*/
/*}*/
/*.slider-two .banner-content p {*/
    /*-webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;*/
        /*animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;*/
/*}*/
/*.slider-two .banner-content .banner-readmore {*/
    /*-webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;*/
        /*animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;*/
/*}*/
/*.slider-three .banner-content .banner-readmore {*/
    /*-webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY;*/
        /*animation: 2500ms ease-in-out 0s normal none 1 running flipInY;*/
/*}*/
/*.slider-two .banner-content.slider-2 h1 {*/
    /*-webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;*/
        /*animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;*/
/*}*/
/*.slider-two .banner-content.slider-2 p {*/
    /*-webkit-animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;*/
        /*animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;*/
/*}*/
/*.slider-two .banner-content.slider-2 .banner-readmore {*/
    /*-webkit-animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;*/
        /*animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;*/
/*}*/
.slider-two .preview-2 .nivo-controlNav {
    display: block;
    z-index: 99;
    padding: 0;
}
/*----------------------------------------*/
/*  14.3 Home Two Newsletter
/*----------------------------------------*/
.newsletter-two:before, .newsletter-two:after {display: none;}
.newsletter-two .subscribe-form > button {
    background: #2d3e50 none repeat scroll 0 0;
    border-color: #2D3E50;
    float: right;
    font-family: "montserratsemi_bold";
    font-size: 14px;
    line-height: 26px;
    margin-left: 39px;
    position: inherit;
    width: 160px;
}
.newsletter-two .subscribe-form > button:hover {
    background: #FFF;
    border-color: #FFF;
}
.newsletter-two .subscribe-form > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    float: left;
    width: 366px;
}
.newsletter-two .subscribe-form:before {display: none;}
.newsletter-two .subscribe-form {height: 41px; width: auto;}
.newsletter-two .newsletter-form {padding-bottom: 38px; padding-top: 44px;}
.newsletter-two .newsletter-content {padding-top: 31px;}
/*----------------------------------------*/
/*  15. Shop Grid Page
/*----------------------------------------*/
.shop-grid-area .single-product-item {margin-bottom: 60px;}
.shop-grid-area .col-md-3:nth-child(9) .single-product-item, .shop-grid-area .col-md-3:nth-child(10) .single-product-item, .shop-grid-area .col-md-3:nth-child(11) .single-product-item, .shop-grid-area .col-md-3:nth-child(12) .single-product-item {
    margin-bottom: 0;
}
.pagination-content.number .pagination {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: none;
    margin: 100px 0 20px;
}
.pagination-content.number .pagination li a {
    border: 1px solid #86bc42;
    display: inline-block;
    font-family: raleway;
    font-size: 14px;
    font-weight: 500;
    height: 27px;
    line-height: 24px;
    margin: 0 5px;
    width: 26px;
}
.pagination-content.number .pagination li a i {font-size: 20px; line-height: 25px;}
.pagination-content.number .pagination li a:hover, .pagination-content.number .pagination li.current a {
    color: #ffffff;
    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);
}
.pagination-content.number .pagination li:first-child a, .pagination-content.number .pagination li:last-child a {
    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);
    color: #ffffff;
}
.pagination-content.number .pagination li:first-child a:hover, .pagination-content.number .pagination li:last-child a:hover {
    color: #2d3e50;
}
.product-area .pagination-content.number .pagination {margin: 80px 0 20px;}
/*----------------------------------------*/
/*  16. Product Details Page
/*----------------------------------------*/
.product-details-content {margin: 0 70px; padding: 52px 0 30px;}
.product-details-image {
    box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
    display: block;
}
.product-details-image img {width: 100%;}
.product-details-content h2 {
    color: #4c4c4c;
    font-family: "montserratregular";
    margin-bottom: 6px;
}
.product-name-rating > h5 {
    color: #696969;
    display: inline-block;
    font-family: "montserratregular";
    font-size: 18px;
}
.product-details-content p {line-height: 24px;}
.product-name-rating {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 7px;
    padding-bottom: 12px;
}
.qty {
    color: #4c4c4c;
    font-family: "montserratregular";
    margin-top: 50px;
}
.input-text.qty {
    border: 1px solid #4c4c4c;
    height: 22px;
    margin-left: 8px;
    margin-top: 0;
    text-align: center;
    width: 29px;
}
.product-details-content .p-price {color: #4c4c4c; padding-top: 18px;}
.product-details-content .button-default {
    border: 0 none;
    margin: 13px 0 55px;
    padding: 8px 29px;
}
.product-details-content .button-default:hover {background: #2d3e50 none repeat scroll 0 0;}
.product-details-content .social-links {
    display: block;
    margin-top: 16px;
    position: inherit;
    text-align: left;
}
.product-details-content > span {display: block;}
.product-details-content form > span {
    color: #4c4c4c;
    display: block;
    font-family: "montserratregular";
    font-size: 18px;
}
.product-details-content .social-links a:first-child {margin-left: 0;}
/*----------------------------------------*/
/*  17. Course Page
/*----------------------------------------*/
.course-page {padding-top: 154px;}
.form-container {
    background: rgba(0, 0, 0, 0) url("img/banner/5.jpg") no-repeat scroll center top;
    color: #555454;
    font-family: "montserratregular";
    font-size: 12px;
    margin: -60px 0 0;
    overflow: hidden;
    padding: 38px 64px;
    position: relative;
    z-index: 3;
}
.form-container:after {
    background: rgba(134, 188, 66, 0.85) none repeat scroll 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.box-select {z-index: 9; position: relative}
.select {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
}
.select.large {width: 260px;}
.select.small {width: 190px;}
.select.medium {width: 200px;}
.select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url("img/icon/arrow.png") no-repeat scroll 92% 50%;
    border: medium none;
    cursor: pointer;
    height: 42px;
    padding: 0 16px;
    width: 100%;
    font-size: 13px;
}
.form-container > button {
    background: #2d3e50 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    float: right;
    line-height: 42px;
    padding: 0 28px;
    position: relative;
    text-transform: uppercase;
    z-index: 99;
}
.course-page .single-item {margin-bottom: 178px;}
.course-page.shortcode .single-item {margin-bottom: 78px;}
.course-page .col-md-4:nth-child(4) .single-item, .course-page .col-md-4:nth-child(5) .single-item , .course-page .col-md-4:nth-child(6) .single-item {
    margin-bottom: 83px;
}
.course-page .pagination-content .pagination {margin-bottom: 0;}
/*----------------------------------------*/
/*  17.1 Teachers Area
/*----------------------------------------*/
.teachers-area {padding: 0 0 140px;}
.single-teacher-item {
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
}
.single-teacher-item:hover {box-shadow: 0 6px 20px rgba(34, 30, 31, 0.3);}
.single-teacher-image > a {display: inline-block; position: relative;}
.single-teacher-image > a img, .single-teacher-image > a {width: 100%;}
.single-teacher-image > a:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-teacher-item:hover .single-teacher-image > a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.single-teacher-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    padding: 20px 26px 90px;
    text-align: center;
}
.single-teacher-item:hover .single-teacher-text {
    margin-top: -45px;
    padding: 20px 26px 66px;
    position: relative;
    z-index: 9;
}
.single-teacher-text > h3 {
    font-family: raleway;
    font-weight: 600;
    margin-bottom: 4px;
    padding-top: 20px;
}
.single-teacher-item:hover .single-teacher-text > h3 {padding-top: 0;}
.single-teacher-text > h3 a {color: #222222;}
.single-teacher-text > h4 {font-family: raleway; font-weight: 500;}
.single-teacher-text > p {display: none; padding-top: 13px;}
.single-teacher-item:hover .single-teacher-text p {display: block;}
.social-links > a {
    border: 1px solid #2d3e50;
    border-radius: 50%;
    color: #2d3e50;
    display: inline-block;
    font-size: 14px;
    height: 27px;
    line-height: 25px;
    margin: 0 3px;
    text-align: center;
    width: 27px;
}
.social-links > a:hover {color: #ffffff;}
.social-links {
    bottom: 38px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s
}
.single-teacher-item:hover .social-links {bottom: 25px;}
.single-course-details {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    margin-bottom: 80px;
    padding: 33px 0;
}
.single-course-details .single-item-text {padding-right: 48px;}
.course-details-area a img {margin-left: -35px;}
.single-course-details a {display: block;}
.single-course-details .col-md-6:first-child {padding-right: 3px;}
/*----------------------------------------*/
/*  18. Course Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  18.1 Course Details Content
/*----------------------------------------*/
.course-details-content {margin-left: 70px;}
.single-course-details .single-item-text h4 {
    font-size: 24px;
    margin-bottom: 2px;
    padding-top: 32px;
}
.single-course-details .single-item-text-info {margin-bottom: 23px;}
.course-text-content p:first-child {margin-bottom: 21px;}
.single-course-details .single-item-content {margin-bottom: 0; padding-top: 31px;}
.course-duration {font-family: "montserratregular"; text-transform: capitalize;}
.duration-title {
    color: #ffffff;
    font-size: 18px;
}
.duration-text {background: #f6f6f6 none repeat scroll 0 0; color: #4c4c4c;}
.course-duration .text {
    border-bottom: 1px solid #86bc42;
    display: block;
    padding: 15px 0;
}
.course-duration .text span {
    display: inline-block;
    text-align: center;
    width: 192px;
}
.course-duration .text span.text-right {
    border: 0 none;
    display: inline-block;
    float: right;
    padding: 0;
    text-align: center;
    width: 240px;
}
.comments {
    color: #4c4c4c;
}
h4.title {
    color: #4c4c4c;
    font-family: "montserratregular";
    font-size: 24px;
    margin-bottom: 27px;
    padding-bottom: 10px;
    position: relative;
}
h4.title:after {
    bottom: 2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 73px;
}
.single-comment {margin-bottom: 31px; overflow: hidden;}
.author-image {
    border: 2px solid #eaeaea;
    border-radius: 2px;
    float: left;
    height: 67px;
    margin-right: 23px;
    width: 67px;
}
.comment-text {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding-bottom: 8px;
}
.author-info > h4 {
    display: inline-block;
    font-family: "montserratregular";
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
}
.author-info > h4 a{color: #4c4c4c}
.comment-time, span.reply {
    float: right;
    font-family: "montserratregular";
    line-height: 22px;
}
span.comment-time {padding-right: 3px; position: relative;}
.comment-text > p {line-height: 20px; padding-top: 5px;}
.single-comment.comment-reply {padding-left: 131px;}
.comments .single-comment:last-child {margin-bottom: 0;}
/*----------------------------------------*/
/*  18.2 Course Details Sidebar
/*----------------------------------------*/
.tution-fee {
    color: #ffffff;
    padding: 11px 0;
    text-align: center;
}
.tution-wrapper {
    background: #f6f6f6 none repeat scroll 0 0;
    margin-bottom: 15px;
    overflow: hidden;
}
.sidebar-widget .single-teacher-text {padding: 20px 0 32px; position: inherit;}
.tutor-image {padding-top: 37px; text-align: center;}
.tutor-image > img {border: 2px solid #86bc42; border-radius: 50%;}
.sidebar-widget .single-teacher-text > h3 {
    font-family: "montserratsemi_bold";
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0;
    padding-top: 0;
}
.sidebar-widget .single-teacher-text > h3 a {color: #2d3e50;}
.sidebar-widget .single-teacher-text > p {
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 14px 20px 0;
}
.single-sidebar-widget .social-links {padding-top: 10px; position: inherit;}
.single-sidebar-widget h4.title {font-size: 18px; margin-bottom: 25px;}
.single-sidebar-widget h4.title:after {bottom: 1px;}
.single-sidebar-widget {margin-bottom: 62px; overflow: hidden;}
.single-sidebar-widget:last-child {margin: 0;}
.single-sidebar-widget .tags li:last-child a {margin-bottom: 0}
.single-sidebar-widget .tags li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #4c4c4c;
    color: #4c4c4c;
    float: left;
    margin-bottom: 13px;
    margin-right: 6px;
    padding: 1px 9px;
}
.single-sidebar-widget .tags li a:hover {
    color: #fff
}
.single-sidebar-widget .single-item:hover {box-shadow: none;}
.single-sidebar-widget .single-item {
    background: #f6f6f6 none repeat scroll 0 0;
    margin-top: 52px;
    padding: 0 26px;
    border-bottom: 2px solid #86bc42;
}
.single-sidebar-widget .single-item-image img {margin: 0;}
.single-sidebar-widget .single-item-text > h4 {font-size: 14px;}
.single-sidebar-widget .single-item-text-info {
    font-size: 12px;
    margin-bottom: 8px;
    padding-top: 2px;
}
.single-sidebar-widget .single-item-image {top: -26px;}
.single-sidebar-widget .single-item-text > p {color: #4c4c4c; font-size: 12px;}
.single-sidebar-widget .single-item-content {margin-bottom: 27px; padding-top: 5px;}
.single-sidebar-widget .single-item .button-default {font-size: 12px; padding: 6px 34px;}
.single-sidebar-widget .button-bottom {margin-bottom: -18px;}
/*----------------------------------------*/
/*  19. Event Page
/*----------------------------------------*/
.breadcrumb-banner-area {
    background: rgba(0, 0, 0, 0) url("img/banner/service.jpg") no-repeat scroll 0 0;
    color: #ffffff;
    padding: 110px 0;
    position: relative;
    background-position: center;
    background-attachment: inherit;
    background-size: cover;
}
.breadcrumb-banner-area.fixed-bg {background: url("img/slider/3.jpg") no-repeat fixed top center / cover}
.breadcrumb-banner-area.no-bg {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.breadcrumb-text
{
    z-index: 9;
    position: relative;
}
.service-inside
{
    width: 40%;
    margin-bottom: 75px;
}
.breadcrumb-banner-area:after {
    /*background: rgba(45, 62, 80, 0.8) none repeat scroll 0 0;*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.breadcrumb-bar .breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    line-height: 12px;
    margin-bottom: 0;
    padding: 15px 0 0;
}
.breadcrumb-text h1 {
    /*line-height: 25px;*/
    padding-bottom: 15px;
    text-transform: capitalize;
    position: relative;
    font-size: 30px;
    color: #2d3e4f;
    text-align: left;
}
.service-inside p
{
    color: #2d3e4f;
}
/*.breadcrumb-text h1:after {*/
    /*background: #ffffff none repeat scroll 0 0;*/
    /*bottom: 0;*/
    /*content: "";*/
    /*height: 29px;*/
    /*left: 0;*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*width: 2px;*/
/*}*/
.breadcrumb-bar li {
    color: #ffffff;
    font-family: "montserratregular";
    font-size: 12px;
    line-height: 12px;
    margin: 0 16px;
    position: relative;
    text-transform: uppercase;
}
.breadcrumb.text-left li {
    margin-left: 0;
    margin-right: 34px;
}
.breadcrumb.text-right li {
    margin-right: 0;
    margin-left: 34px;
}
.breadcrumb-text h1.text-left, .breadcrumb-text h1.text-right {padding-bottom: 22px;}
.breadcrumb-text h1.text-left::after, .breadcrumb-text h1.text-right::after {display: none;}
.breadcrumb-bar .breadcrumb > li:first-child:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    position: absolute;
    right: -22px;
    top: -2px;
}
.breadcrumb-bar .breadcrumb > li + li:before {display: none;}
.breadcrumb-bar a {color: #ffffff;}
.event-page .single-event-item, .latest-page .single-latest-item {margin-bottom: 50px;}
.pagination-content .pagination {
    border-radius: 0;
    box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);
    margin: 20px 0 17px;
}
.pagination-content {
    display: block;
    line-height: 0;
    text-align: center;
}
.pagination-content .pagination > li:last-child > a, .pagination-content .pagination > li:last-child > span, .pagination-content .pagination > li:first-child > a, .pagination-content .pagination > li:first-child > span {
    border-radius: 0;
}
.pagination-content .pagination li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 28px;
    height: 41px;
    margin: 0 14px;
    padding: 0;
    width: 48px;
}
.pagination-content .pagination li.current > a, .pagination-content .pagination li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #2d3e50;
}
.pagination-content .pagination li:first-child a {margin-left: 0;}
.pagination-content .pagination li:last-child a {margin-right: 0;}
/*----------------------------------------*/
/*  20. Event Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  20.1 Event Details Content
/*----------------------------------------*/
.event-details-content .single-event-item {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #86bc42;
    padding: 0 35px;
}
.single-event-image img {width: 100%;}
.event-details-content .single-event-text h3 {font-size: 28px;}
.event-details-content .single-event-text > p {color: #4e4e4e; line-height: 24px;}
.event-details-content .single-event-text {border: 0 none; padding: 32px 0 40px;}
.event-details-content .comments {padding: 71px 0 20px;}
/*----------------------------------------*/
/*  20.2 Event Details Sidebar
/*----------------------------------------*/
.recent-content-item > a {
    border: 1px solid #86bc42;
    display: inline-block;
    float: left;
}
.recent-text {overflow: hidden; padding-left: 20px;}
.recent-text > h4 {
    font-family: raleway;
    font-size: 14px;
    font-weight: 600;
}
.recent-text > h4 a {color: #6b6b6b;}
.recent-text .single-item-comment-view > span {
    color: #b2b2b2;
    font-size: 11px;
    line-height: 12px;
    margin-right: 13px;
}
.recent-text .single-item-comment-view i {font-size: 13px;}
.recent-text > p {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}
.recent-content-item {margin-bottom: 22px; overflow: hidden;}
.recent-content-item:last-child {margin-bottom: 0;}
.recent-text .single-item-comment-view {display: block;}
/*----------------------------------------*/
/*  21. latest News Page
/*----------------------------------------*/
.latest-page {padding: 120px 0}
/*----------------------------------------*/
/*  22. News Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  22.1 News Details Content
/*----------------------------------------*/
.news-details-content .single-latest-text > h3 {
    color: #616161;
    font-size: 24px;
    margin-bottom: 8px;
}
.news-details-content .single-latest-text p {
    color: #4c4c4c;
    line-height: 23px;
    margin-bottom: 23px;
}
.news-details-content .single-latest-text {padding: 75px 72px 0;}
.news-details-content .single-latest-item .single-item-comment-view {margin-bottom: 8px;}
.quote-section {
    background: #efefef none repeat scroll 0 0;
    border-left: 2px solid #86bc42;
    margin: 38px 0 39px 35px;
    overflow: hidden;
    padding: 17px 37px 1px 27px;
}
.quote-section p {margin: 0;}
.related-tag .tags {display: inline-block;}
.related-tag .tags li a {color: #898989;}
.related-tag .tags li {display: inline-block;}
.related-tag, .news-details-content .social-links > span {
    color: #4c4c4c;
    font-family: "montserratregular";
    display: inline-block;
}
.news-details-content .single-latest-item:hover {box-shadow: none;}
.tags-and-links {
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 50px;
}
.news-details-content .social-links > span {margin-right: 11px;}
.news-details-content .social-links {
    display: inline-block;
    float: right;
    margin-right: 47px;
    position: inherit;
    width: auto;
}
.news-details-content .social-links > a {
    font-size: 13px;
    height: 23px;
    line-height: 21px;
    margin: 0 2px;
    width: 23px;
}
.news-details-content .single-latest-item {margin-bottom: 17px;}
/*----------------------------------------*/
/*  22.2 News Details Sidebar
/*----------------------------------------*/
.comment .recent-content-item > a {
    border: 2px solid #e6e7e8;
    border-radius: 2px;
    height: 70px;
    width: 70px;
}
.comment .recent-content-item > a img {width: 100%;}
.comment .recent-text > h4 a {font-family: "montserratsemi_bold";}
.comment .recent-text > h4 {line-height: 31px;}
/*----------------------------------------*/
/*  23. Contact Page
/*----------------------------------------*/
.contact-form-area {color: #4c4c4c;}
h4.contact-title {
    color: #4c4c4c;
    font-family: "montserratbold";
    font-size: 24px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.contact-text > p {line-height: 24px; margin-bottom: 9px;}
.contact-text i {font-size: 18px;}
span.c-icon {display: inline-block; float: left;}
span.c-icon i {
    position: relative;
    top: 3px;
    width: 27px;
}
span.c-text {display: inline-block;}
.contact-text {margin-bottom: 75px;}
.link-social > a {
    color: #4c4c4c;
    display: inline-block;
    line-height: 19px;
    margin-right: 27px;
}
.link-social > a i {font-size: 20px;}
.contact-form-area input, .contact-form-area textarea {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 0 none;
    color: #777777;
    font-size: 14px;
    height: 48px;
    margin-bottom: 23px;
    padding: 0 23px;
    width: 100%;
}
.contact-form-area textarea {
    height: 150px;
    padding-top: 13px;
    resize: none;
}
.contact-form-area .button-default {
    border: 0 none;
    font-family: "montserratlight";
    padding: 8px 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
}
.contact-form-area .button-default:hover {background: #2d3e50 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  24. About Page
/*----------------------------------------*/
.teachers-area.padding-top {padding: 120px 0 140px;}
.about-page-area .about-text-container p span {
    color: #333333;
    font-family: "montserratregular";
    font-size: 14px;
}
.about-page-area .about-us > span {
    color: #444444;
    display: block;
    font-style: italic;
    padding-left: 19px;
    position: relative;
}
.about-page-area .about-us > span:after {
    background: #999999 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 4px;
    position: absolute;
    top: 9px;
    width: 6px;
}
.about-page-area .about-text-container > p {color: #555; margin-bottom: 7px;}
.about-page-area .about-us {margin-bottom: 13px;}
.skill-bars .progress {
    background: #ffffff none repeat scroll 0 0;
    height: 6px;
}
.skill-bar-item .progress-bar {
    line-height: 15px;
}
.skill-bar-item .progress {border-radius: 0; height: 14px;}
.skill-bar-item {
    line-height: 16px;
    margin-bottom: 7px;
    overflow: hidden;
}
.skill-bar-item > span {display: block; margin-bottom: 10px;}
.skill-bar-item:last-child {margin: 0;}
.skill-bar-item:last-child .progress {margin: 0;}
/*----------------------------------------*/
/*  25. Shortcode
/*----------------------------------------*/
.shortcode-area {padding: 72px 0 120px;}
.shortcode-area i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #86bc42;
    border-radius: 50%;
    font-size: 25px;
    height: 60px;
    margin: auto;
    padding: 15px 0;
    text-align: center;
    width: 60px;
}
.shortcode-animation {overflow: hidden; padding: 50px 0 100px;}
.shortcode-animation h3 {
    color: #00aff0;
    font-family: "playfair_displayregular";
    margin: 22px 0;
    text-transform: capitalize;
}
.shortcode-animation img {padding: 22px 45px;}
.shortcode-animation .section-title {padding-bottom: 0; padding-top: 55px;}
.shortcode-area .section-title {
    padding-bottom: 20px;
    padding-top: 40px;
    text-align: left;
}
.shortcode-area .section-title h2 {
    border-bottom: 1px solid #d1d1d1;
    color: #444444;
    display: inline-block;
    font-size: 21px;
    line-height: 30px;
    padding-bottom: 8px;
    text-align: left;
    text-transform: capitalize;
}
.shortcode-area h3 {
    border: 1px dashed #86bc42;
    float: left;
    font-size: 32px;
    margin: 20px 0;
    padding: 27px 0;
    text-align: center;
    text-transform: capitalize;
    width: 70%;
}
.shortcode-area img {padding: 55px 100px 55px 0;}
.dropdown-menu .dividers {border: 0 none; padding: 0;}
/*----------------------------------------*/
/*  26. Scrollup
/*----------------------------------------*/
#scrollUp {
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 40px;
    z-index: 9999;
}
#scrollUp:hover {background-color: #2D3E50;}
/*----------------------------------------*/
/*  27. Additional CSS
/*----------------------------------------*/
.text-white {color: #fff}
.text-blue, .header-top span.text-blue {color: #2E3F51}
.bg-dark {background: #3F5771}
.bg-white {background: #fff}
.bg-blue {background: #2E3F51}
.border-green {
    border-top: 3px solid #86bc42;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.border-blue {
    border-top: 3px solid #2E3F51;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.header-top.effect-blue:before {background: #2E3F51}
.header-top.effect-blue:after {border-color: rgba(0, 0, 0, 0) #2E3F51 #2E3F51 rgba(0, 0, 0, 0)}
.inline {display: inline}
#video-bg {width: 100%;}
.video-wrapper, .video-banner {
    height: 570px;
    overflow: hidden;
    position: relative;
}
.video-area {background: url("img/slider/5.jpg") no-repeat fixed top center / cover }
.fixed-bg-1 {background: url("img/slider/1.jpg") no-repeat fixed top center / cover }
.fixed-bg-2 {background: url("img/slider/2.jpg") no-repeat fixed top center / cover }
.backgrount-area {position: relative}
.hover-white.button-default:hover {background: #fff; color: #2E3F51 }
.angle .mailchimp-alerts {padding-left: 150px}
.text-small {font-size: 13px;}
.text-area p {line-height: 30px;}
.footer-three {background: #2D3E50 none repeat scroll 0 0;}
.footer-info {line-height: 15px;}
.footer-info > span {
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    line-height: 12px;
    margin-right: 14px;
}
.footer-info > span i {
    font-size: 14px;
    margin-right: 11px;
}
.footer-info > span:last-child {margin-right: 0;}
.footer-logo-three > a {
    display: inline-block;
    margin-bottom: 23px;
}
.footer-info-container {border-bottom: 1px solid #e1e1e1;}
.single-footer-widget > h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.footer-widget-list li a {
    color: #ffffff;
    font-weight: 400;
    line-height: 36px;
}
.footer-widget-list li:last-child a {}
.footer-widget-list li a:hover {color: #f5b120;}
.subscribe-container {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    padding: 44px 40px 50px;
}
.subscribe-container > p {
    color: #2D3E50;
    font-weight: 400;
    text-align: center;
    margin-bottom: 33px;
}
.subscribe-container input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-weight: 400;
    width: 100%;
    padding-left: 14px
}
.subscribe-container input::-webkit-input-placeholder {
    color:#fff;
    opacity: 1 !important;
    filter: alpha(opacity=100);
}
.subscribe-container button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    float: right;
    font-size: 14px;
    padding-right: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.subscribe-form-three {
    background: #2D3E50 none repeat scroll 0 0;
    display: block;
    height: 48px;
    line-height: 46px;
    position: relative;
}
.footer-container {
    border-top: 1px solid #e1e1e1;
    padding: 13px 0 10px 0;
}
.footer-container .social-links-three {
    float: right;
    overflow: hidden;
}
.footer-container .social-links-three > a {
    margin-left: 21px;
    margin-right: 0;
    color: #fff
}
.footer-container span {
    color: #ffffff;
    font-weight: 400;
}
.footer-container span a {
    color: #ffffff;
    position: relative;
}
.footer-container span a:hover {border-bottom:  1px solid #fff}
.footer-container span a:hover:after{opacity: 1;filter: alpha(opacity=100)}
.newsletter-area.newsletter-four::before, .newsletter-area.newsletter-four::after {
    display: none;
}
.footer-widget-four .footer-list li a:hover {color: #2D3E50;}
.footer-widget-four .footer-img a::before {
    background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;
}
.footer-area.footer-four {background: #2D3E50;}
.gallery-img, .gallery-img img {width: 100%}
.gallery-img {position: relative; overflow: hidden;}
.gallery-img img {
    transform: scaleY(1);
    transition: all 0.7s ease-in-out 0s;
    display: block;
    position: relative
}
.gallery-img .hover-effect {
    opacity: 0;
    transition: all 0.5s linear 0s;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0
}
.gallery-img h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
    font-family: montserratregular;
    font-size: 19px;
    line-height: 28px;
    margin: 82px auto 10px;
    opacity: 0;
    padding: 9px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: scale(0);
    transition: all 0.5s linear 0s;
}
.gallery-img p {
  color: #ffffff;
  margin: 0 30px;
  opacity: 0;
  text-align: center;
  transform: scale(0);
  transition: all 0.5s linear 0s;
}
.gallery-img:hover img {transform: scale(1.5);}
.gallery-img:hover .hover-effect {opacity: 1;}
.gallery-img:hover h2, .gallery-img:hover p {
    opacity: 1;
    transform: scale(1);
}
.video-gallery {display: block; overflow: hidden; height: 215px}
.mbYTP_wrapper {height: 215px}
.banner-readmore .button-default.button-green:hover{background: #fff}
.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a {color: #fff;}
.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a:after {background: #fff;}
.bg-dark .mainmenu ul#nav > li > a, .bg-dark.stick .mainmenu ul#nav.menu-white > li > a, .bg-dark .mainmenu ul#nav > li:hover > a, .bg-dark.stick .mainmenu ul#nav > li:hover > a {
    color: #fff;
}
.bg-dark .mainmenu ul#nav > li:hover > a:after {background: #fff;}
.block.padding .btn-group {margin-bottom: 22px;}
.btn-toolbar.padding {margin-bottom: 20px;}
.btn-toolbar.padding:nth-last-of-type(1) {margin-bottom: 0;}


/* Home page job category*/

.card {
    box-shadow: 0 16px 24px 2px rgba(109, 106, 106, 0.14), 0 6px 30px 5px rgba(247, 247, 247, 0.12), 0 8px 10px -5px rgba(232, 226, 226, 0.3);
    /* margin: 20px; */
    max-width: 1000px;
    margin-top: 10px;
}

.card main {
    /*min-height: 150px;*/
    background: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.card main .cta-wrap {
    background: #5a61717d;
    color: white;
    padding: 10px;
    width: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card main .cta-wrap span {
    /*margin-top: 10px;*/
}
.card main .info-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /*padding: 10px;*/
    width: 100%;
    padding: 15px 0px 15px 9px;
}
.card main .info-wrap h4 {
    font-size: 1.45rem;
    color: #3a3a3a;
}
.card main .info-wrap a {
    /*margin-top: .75rem;*/
    color: #324253;
    font-size: 11px;
    font-weight: 500;
    font-family: "montserratregular";
}

.card main .info-wrap a:hover {
    /*margin-top: .75rem;*/
    color: #86bc42;
    text-decoration: underline;
}
.left-side-category-job-container h1
{
    color: #2d3e50;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'montserratsemi_bold';
    padding: 15px;
}

.right-side-govtjob-container .right-main-heading
{
    color: #2d3e50;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'montserratsemi_bold';
    padding: 20px 0 20px 0;
}

.job-catgory-area
{
    margin-top: 40px;
    padding-bottom: 54px;
    position: relative;
}


/* card */

.resume-dispaycard {
    padding-top: 20px;
    margin: 10px 0 20px 0;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.resume-dispaycard.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.resume-dispaycard.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
    min-height: 279px;
}

.resume-dispaycard.hovercard .cardheader {
    background: #dddddd;
    background-size: cover;
    padding:5px;
    font-size: 22px;
}

.resume-dispaycard.hovercard .info {
    padding: 4px 8px 10px;
}

.resume-dispaycard.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #262626;
    vertical-align: middle;
}

.resume-dispaycard.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.resume-dispaycard.hovercard .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* close card */



/*Right side popular resume start*/

.carousel-control {
    width: 4%;
}

.carousel-control.left,
.carousel-control.right {
    margin-left: 15px;
    background-image: none;
}

@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -100%;
    }

    .carousel-inner .next {
        left: 100%;
    }

    .carousel-inner .prev {
        left: -100%;
    }

    .active>div {
        display: none;
    }

    .active>div:first-child {
        display: block;
    }

}

@media (min-width: 767px) and (max-width: 992px) {
    .carousel-inner .active.left {
        left: -50%;
    }

    .carousel-inner .next {
        left: 50%;
    }

    .carousel-inner .prev {
        left: -50%;
    }

    .active>div {
        display: none;
    }

    .active>div:first-child {
        display: block;
    }

    .active>div:first-child+div {
        display: block;
    }
}

@media (min-width: 992px) {
    .carousel-inner .active.left {
        left: -16.7%;
    }

    .carousel-inner .next {
        left: 16.7%;
    }

    .carousel-inner .prev {
        left: -16.7%;
    }
}

.popular-resume-slider
{
    border: 1px solid #2d3e4f30;
    padding: 9px;
    margin-bottom: 20px;

}
.popular-resume-slider .carousel-inner img
{
    width: 100%;
    height: 300px;
}
/*Right side popular resume End*/

/*Right side govt job start */
.govt-job-main-container .govt-job-heading{
    font-size:15px;
    font-weight:400;
    font-family:'Lato', sans-serif;
    /*color:#111111;*/
    /*margin:0px 0px 5px 0px;*/
    /*padding: 0px 0px 10px 0;*/
}


.govt-job-main-container .tabtop li a{
    font-family:'Lato', sans-serif;
    font-weight:700;
    color:#1b2834;
    border-radius:0px;
    margin-right:22.008px;
    border:1px solid #ebebeb !important;
}
.govt-job-main-container .tabtop .active a:before{
    content:"♦";
    position:absolute;
    top:15px;
    left:82px;
    color:#e31837;
    font-size:30px;
}
.govt-job-main-container .tabtop li a:hover{
    color:#e31837 !important;
    text-decoration:none;
}
.govt-job-main-container .tabtop .active a:hover{
    color:#fff !important;
}
.govt-job-main-container .tabtop .active a{
    background-color:#e31837 !important;
    color:#FFF !important;
}
.govt-job-main-container .margin-tops{
    margin-top:17px;
}
.govt-job-main-container .tabtop li a:last-child{
    padding:10px 22px;
}
.govt-job-main-container .thbada{
    padding:10px 28px !important;
}


.govt-job-main-container .tabsetting{
    border-top:5px solid #ebebeb;
    padding-top:6px;
}

.local-govt-job-list
{
    padding-right: 0;
    padding-left: 0;
}
.local-govt-job-list .govt_list
{
    position: relative;
    display: block;
    padding: 15px 15px;
    margin-bottom: 5px;
    background-color: #fff;
    border-left: 2px solid #afb4bb;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff !important;
    background-color: #e31837 !important;
    border-color: #e31837 !important;
}

/*Right side govt job End */

.local-job-scroll
{
    max-height: 300px;
    overflow-y: scroll;
}
/*
 *  STYLE 2
 */

#style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}



.thumbnail-title {
    font-size: 20px;
    margin-top: 5px;
}
.img-thumb-bg {
    padding: 0;
    overflow: hidden;
    /*min-height: 200px;*/
    position: relative;
    border-radius: 3px;
    background-position: center;
    background-color: transparent;
    /*background-image: url('');*/
    /*margin-top: 25px;*/
    width: 95%;
    margin-left: 17px;
}
.img-thumb-bg p {
    color: #fff;
    margin-bottom: 0;
    line-height: 16px;
}
.img-thumb-bg .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%);
    /*background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.img-thumb-bg .caption {
    bottom: -5px;
    height: 100px;
    font-size: 12px;
    position: absolute;
    padding: 0 20px 20px;
    transition: all 0.3s ease-in-out;
}
.img-thumb-bg .caption .tag a {
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    text-transform: uppercase;
    background-color: #2980B9;
}
.img-thumb-bg .caption .title {
    margin-top: 5px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
}
.img-thumb-bg .caption .title a {
    color: #fff;
}
.img-thumb-bg .caption .title a:hover {
    color: #2980B9;
}
.img-thumb-bg .caption .meta-data {
    color: #777;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 15px;
}
.img-thumb-bg .caption .meta-data a {
    color: #777;
}
.img-thumb-bg .caption .meta-data a .fa {
    color: #2980B9;
}
.img-thumb-bg .caption .meta-data a:hover {
    color: #2980B9;
}
.img-thumb-bg .caption .content {
    display: none;
}
.img-thumb-bg:hover .overlay {
    background: rgba(46, 49, 58, 0.8);
}
.img-thumb-bg:hover .caption {
    bottom: 60px;
}
.img-thumb-bg:hover .caption .content {
    display: block;
}
.govt-job-main-container
{
    margin-bottom: 20px;
}

/*job-showing card*/
.job-showing-card {
    /*margin: 32px 0;*/
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    background: white;

    width: 100%;
    min-height: 80px;

    display: flex;
}

.job-showing-card .icon-container {
    width: 80px;

    display: flex;
    justify-content: space-around;
    align-items: center;
}

.job-showing-card .description {
    display: flex;
    justify-content: center;
    align-items: flex-start;

    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;

    padding: 15px;
}

.job-showing-card .description .name {
    font-weight: bold;
    font-size: 1.3em;
}

.job-showing-card .description .name span {
    font-size: .6em;
    font-weight: normal;
    font-style: italic;

    color: #bbb;
}

.job-showing-card .short-information
{
    padding-left: 14px;
    padding-bottom: 10px;
}
.job-showing-card .job_deadline
{
    background: #b0b4bb;
    width: 100%;
}

.job-showing-card .job_deadline p
{
    margin: 0;
    padding: 4px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-family: 'montserratsemi_bold';
}
.job-showing-card h1
{
    color: #2d3e50;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'montserratsemi_bold';
    padding: 5px 0px 5px 13px;
}
.strong
{
    font-weight: bold;
}
.job-card-list a:hover
{
    color: #2d3e4fcc !important;
}

.job-list-pad-0
{
    padding: 3px;
}

.local_job_area
{
    margin-top: 40px;
}
.international_job_area
{
    margin-top: 40px;
}
.job-area-heading
{
    background: #e31837;
    background: #e31837;
    width: 25%;
    margin-bottom: 9px;
}
.job-area-heading h1
{
    color: #ffffff !important;
}

.All_job_button a:hover
{
    color: #fff !important;
}
.All_job_button .button-large
 {
    margin-top: 10px;
 }
.job-btn
{
    background: #2d3e50 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 0;
    padding: 8px 19px;
    text-transform: uppercase;
}


/*slider search*/
/*search box css start here*/
.search-sec{
    /*padding: 2rem;*/
    position: absolute;
    /*background: rgba(26, 70, 104, 0.51);*/
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.search-sec a
{
    line-height: 32px;
}
.search-slt{
    display: block;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
.wrn-btn{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
@media (min-width: 992px){
    .search-sec{
        position: absolute;
        /*background: rgba(26, 70, 104, 0.51);*/
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }
}


/*find job /featured Employee slider*/
/* Slider */

.col-company-featured .slick-slide {
    margin: 0px 20px;
}

.col-company-featured .slick-slide img {
    width: 100%;
}

.col-company-featured .slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.col-company-featured .slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.col-company-featured .slick-list:focus
{
    outline: none;
}
.col-company-featured .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.col-company-featured .slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.col-company-featured.slick-track:before,
.col-company-featured .slick-track:after
{
    display: table;
    content: '';
}
.col-company-featured .slick-track:after
{
    clear: both;
}
.col-company-featured .slick-loading .slick-track
{
    visibility: hidden;
}

.col-company-featured .slick-slide
{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.col-company-featured .slick-slide img
{
    display: block;
}
.col-company-featured .slick-slide.slick-loading img
{
    display: none;
}
.col-company-featured .slick-slide.dragging img
{
    pointer-events: none;
}
.col-company-featured .slick-initialized .slick-slide
{
    display: block;
}
.col-company-featured .slick-loading .slick-slide
{
    visibility: hidden;
}
.col-company-featured .slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.col-company-featured .slick-arrow.slick-hidden {
    display: none;
}

.col-company-featured h1
{
    font-size: 18px;
    padding: 10px 0 10px 0px;
    color: #2d3e4f;
}
/*find job/featured Employee slider End*/


/*find job/filter search*/
.filter_main_area
{
    padding: 0;
}
.findjob-filter-search-area .dropdown-large {
    position: static !important;
}
.findjob-filter-search-area .filter-btn
{
    background: #2d3e4f;
    color: #fff;
}
.findjob-filter-search-area .dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0px;
    width: 1000px;
    height: 300px;
}
.findjob-filter-search-area .dropdown-menu-large > li > ul {
    padding: 0;
    margin: 0;
}
.findjob-filter-search-area .dropdown-menu-large > li > ul > li {
    list-style: none;
}
.findjob-filter-search-area .dropdown-menu-large > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}
.findjob-filter-search-area .dropdown-menu-large > li ul > li > a:hover,
.findjob-filter-search-area .dropdown-menu-large > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.findjob-filter-search-area .dropdown-menu-large .disabled > a,
.findjob-filter-search-area .dropdown-menu-large .disabled > a:hover,
.findjob-filter-search-area .dropdown-menu-large .disabled > a:focus {
    color: #999999;
}
.findjob-filter-search-area .dropdown-menu-large .disabled > a:hover,
.findjob-filter-search-area .dropdown-menu-large .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.findjob-filter-search-area .dropdown-menu-large .dropdown-header {
    color: #428bca;
    font-size: 18px;
}
@media (max-width: 768px) {
    .findjob-filter-search-area .dropdown-menu-large {
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .findjob-filter-search-area .dropdown-menu-large > li {
        margin-bottom: 30px;
    }
    .findjob-filter-search-area .dropdown-menu-large > li:last-child {
        margin-bottom: 0;
    }
    .findjob-filter-search-area .dropdown-menu-large .dropdown-header {
        padding: 3px 15px !important;
    }
}
/*find/filter search End*/

/*find job/search all find job styling*/

.nav-tabs.nav-tabs-left {
    float: left;
    border-right: 0;
}
.nav-tabs.nav-tabs-left li a {
    margin-right: 0;
    border-radius: 0;
    border-right: none;
}
.nav-tabs.nav-tabs-left {
    border-bottom: 0;
    max-width: 33%;
}
.nav-tabs.nav-tabs-left li {
    float: none;
    margin: 0;
    text-align: left;
}
.nav-tabs.nav-tabs-left li a,
.nav-tabs.nav-tabs-right li a {
    background-color: #344152;
    color: #fff;
}
.nav-tabs.nav-tabs-left li a:hover,
.nav-tabs.nav-tabs-right li a:hover {
    background-color: rgba(255,255,255,0.9);
    border-color: rgba(255,255,255,0.9);
    color: #444;
}
.nav-tabs.nav-tabs-left li.active a,
.nav-tabs.nav-tabs-right li.active a,
.nav-tabs.nav-tabs-left li.active .glyphicon,
.nav-tabs.nav-tabs-right li.active .glyphicon {
    color: #333;
}
.nav-tabs.nav-tabs-left li.active a:hover,
.nav-tabs.nav-tabs-right li.active a:hover,
.nav-tabs.nav-tabs-left li.active .glyphicon:hover,
.nav-tabs.nav-tabs-right li.active .glyphicon:hover {
    color: #444;
}
.nav-tabs.nav-tabs-left li.active a,
.nav-tabs.nav-tabs-right li.active a,
.nav-tabs.nav-tabs-left li.active a:hover,
.nav-tabs.nav-tabs-right li.active a:hover,
.nav-tabs.nav-tabs-left li.active a:focus,
.nav-tabs.nav-tabs-right li.active a:focus {
    background-color: #fff;
}
.nav-tabs.nav-tabs-left li:not(:last-of-type),
.nav-tabs.nav-tabs-right li:not(:last-of-type) {
    margin-bottom: -1px;
}
.find-job-main-area .tab-content {
    background: #fff;
    height: 659px;
    overflow-y: scroll;
}
.find-job-main-area .tab-content.side-tabs .tab-pane {
    display: none;
    padding: 20px;
    overflow-y: auto;
}
.find-job-main-area .tab-content.side-tabs-left {
    margin-left: 45px;
}
.find-job-main-area .tab-content.side-tabs-left .tab-pane {
    border-radius: 0;
}
.find-job-main-area .tab-content.side-tabs-left .tab-pane.active {
    display: block;
    background-color: #fff;
    border-color: #fff;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.1em;
}
.find-job-main-area .tab-content.side-tabs-right {
    margin-right: 45px;
}
.find-job-main-area .tab-content.side-tabs-right .tab-pane {
    border-radius: 4px 0 0 4px;
}
main > .row:not(:first-of-type) {
    margin-top: 1.1em;
}
col.time,
col.repname {
    width: 12em;
}
col.did {
    width: 9em;
}
.nav-tabs>li>a,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
}
.col-company-featured .slick-list
{
    background-color: #2d3e4f0d;
}
.findjob_search_area .findjob_search
{
    margin-top: 10px;
}
.findjob_search_area #btn-search-job
{
    background: #86bc42;
    color: #fff;
}


/*=============findall job==========*/
/*.find-job-main-area*/
/*{*/
    /*margin-bottom: 60px;*/
/*}*/

.find-job-main-area .tab-container
{
    background: #344152;
    padding: 0;
    border-top: solid 1px #f5eded;
    height: 660px;
    border-right: solid 1px #f5eded;
    overflow: hidden;
    width: 100%;
    margin-top: 12px;
}
.find-job-main-area h1
{
    font-size: 18px;
    /*padding: 25px 0 25px 0px;*/
    color: #2d3e4f;
}
.job-details-area h1
{
    font-size: 20px;
    padding: 13px 0 5px 0px;
    color: #2d3e4f;
}

.job-details-area h2
{
    font-size: 16px;
    font-style: italic;
    font-family: sans-serif;
    color: #344151;
    padding-bottom: 15px;
}
.job-details-area h3
{
    font-size: 15px;
    padding-bottom: 10px;

}
.job-details-area ul
{
    list-style-type: circle;
    padding: 10px 0 20px 20px;
}

.job-details-area ul> li
{
    padding-bottom: 15px;
    font-family: sans-serif;
}

.find-job-right-side-main-area
{
    padding: 0;
}

.find-job-ad-007{
    padding: 1rem!important;
    border: none;
    margin-bottom:1rem;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    margin-top: 60px;
}
.find-job-ad-007:hover{
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.find-job-ad-007 .card-block{
    padding-left: 33px;
    position: relative;
}


.find-job-ad-007 .card-block a{
    color: #007b5e !important;
    font-weight:700;
    text-decoration:none;
    font-size: 12px;
}
.find-job-ad-007 .card-block a i{
    display:none;

}
.find-job-ad-007:hover .card-block a i
{
    display:inline-block;
    font-weight:700;
}
.find-job-ad-007 .card-block:before{
    font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #007b5e;
    left: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
.find-job-ad-007 .block-1:before{
    content: "\f0e7";
}
.find-job-ad-007 .block-2:before{
    content: "\f0eb";
}
.find-job-ad-007 .block-3:before{
    content: "\f00c";
}
.find-job-ad-007 .block-4:before{
    content: "\f209";
}
.find-job-ad-007 .block-5:before{
    content: "\f0a1";
    font-size: 25px;
    padding-top: 3px;
}
.find-job-ad-007 .block-6:before{
    content: "\f218";
}
.find-job-ad-007:hover .card-block:before{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
.ad-center
{
    margin-top: 10px;
    padding: 0 !important;
}
.ad-center .card-block
{
    padding: 0 !important;
}


/* =========== Blog-home 18-3-2018============*/

.left_banner_002 h1,h2,h3,h4,h5
{
    font-family: 'Montserrat', sans-serif;
}
.left_banner_002 a, a:hover, .btn
{
    outline:none!important;
}

.left_banner_002 section
{
    padding: 30px 0;
    float: left;
    width: 100%
}
.left_banner_002 .card
{
    float: left;
    width:100%;
}
.left_banner_002 .navbar
{
    border: medium none;
    float: left;
    margin-bottom: 0px; width: 100%;  border-radius: 0
}
.left_banner_002 .title-large
{
    font-size: 20px;
    margin: 10px 0 5px;
    line-height: 27px;
    color: #141517;
}

.left_banner_002 .title-small
{
    color: #141517;
    font-size: 16px !important;
    padding: 5px 10px 0px 20px;
    font-weight: 400;
    line-height: 23px;
    margin: 6px 0 0;
}

.left_banner_002 .title-x-small
{
    font-size: 18px;
    margin: 0px;
}
.left_banner_002 .title-large a, .title-small a, .title-x-small a
{
    color: inherit
}
.left_banner_002 .banner-sec
{
    float: left;
    width: 100%;
    background: #fff;
}
.left_banner_002 .card-block
{
    padding:0 10px 10px;
}
.section-01 .card-text
{
    margin: 0;
    padding: 0px 10px 10px 20px;
}
.left_banner_002 .text-time
{
    color: #ff0000;
    font-weight: 400;
    padding: 12px 10px 13px 20px;
}
.left_banner_002 .card-img-overlay
{
    padding: 0;
    position: absolute;
    top: 15px;
    left: 7px;
    height: 20%;
}

/*category Link*/
.left_banner_002 .top-nav
{
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
}
.left_banner_002 .top-nav .nav-link
{
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
}
.left_banner_002 .top-nav .navbar-nav .nav-item + .nav-item
{
    margin-left:0
}
.left_banner_002 .top-nav li a
{
    color: #141517;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0 10px;
    border-bottom: 2px solid #fff
}
.left_banner_002.top-nav li a:hover, .top-nav li a:focus, .top-nav li.active a
{
    color: #141517;
    border-bottom: 2px solid #86bc42;
}
.left_banner_002.top-nav .form-control
{
    border-color: #fff;
}
/*category Link End*/

.left_banner_002 .card-img-overlay .badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.left_banner_002 .card-img-overlay .badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.left_banner_002 .card-img-overlay .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    /*position: relative;*/
    /*top: -158px;*/
    /*left: 17px;*/
    padding: 7px;
}
.left_banner_002 .navbar-toggle {
    background: #fff;
}

.left_banner_002 .navbar-toggle .icon-bar {
    background: #0A2E61;
}

.left_banner_002 .navbar-brand {
    display: none;
}

.left_banner_002 .top-slider .carousel-indicators {
    bottom: 0
}

.left_banner_002 .top-slider .carousel-indicators li {
    border: 1px solid #000;
}

.left_banner_002 .top-slider .carousel-indicators .active {
    background: #000;
}

.banner-sec {
    float: left;
    width: 100%;
}

.banner-sec .news-block {
    margin-bottom: 20px
}

.banner-sec .news-block:last-child {
    margin-bottom: 0px
}

.banner-sec .news-des {
    margin-bottom: 5px;
}

.banner-sec .title-large {
    margin: 18px 0 0
}

.banner-sec .time {
    margin-top: 0px;
    font-size: 13px;
}

.banner-sec .carousel-control.left,
.banner-sec .carousel-control.right {
    background: none;
}
.banner-sec .card
{
    margin-bottom:20px;
    position: relative;
}

.section-01 {
    float: left;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5
}

.section-01 .heading-large {
    border-bottom: 2px solid #222;
    color: #222;
    float: left;
    width: 100%;
    padding: 0 0 6px;
    margin: 0 0 18px;
    text-align: left;
    padding: 13px;
}

.section-01 .heading-large::before,
.section-01 .heading-large::after {
    background: transparent;
}

.section-01 .heading-small {
    border-bottom: 2px solid #222;
    color: #222;
    float: left;
    margin: 7px 0 0;
    width: 100%;
    padding-bottom: 10px;
    font-size: 18px
}

.section-01 .title-small {
    margin-bottom: 5px;
    font-size: 17px;
    padding: 15px 10px 10px 20px;
}

.section-01 .news-block {
    border-bottom: 1px dashed #000;
    padding-bottom: 30px;
    border: none;
}

.section-01 aside>.news-block {
    border-bottom: 1px dashed #000;
    padding-bottom: 19px;
}

.section-01 aside>.news-block:last-child {
    border-bottom: none;
    margin-bottom: 20px
}

.section-01 .card {
    border: none;
}

.section-01 .card-block {
    padding: 10px 0;
}

.section-01 .video-sec {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.section-01 .video-block {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.action-sec {
    width: 100%;
    float: left;
    background: #222
}

.action-box {
    float: left;
    width: 100%;
    text-align: center;
}

.action-box h2 {
    color: #fff;
    font-size: 20px;
}
.section-01 .side-bar .nav-tabs {
    border-bottom: none;
}

.section-01 .side-bar .nav-tabs .nav-link {
    color: #aeaeae;
    text-transform: uppercase;
    border: none;
}

.section-01 .side-bar .nav-tabs .nav-link.active,
.section-01 .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #ff0000;
    text-transform: uppercase;
    color: #222
}

.section-01 .sidebar-tabing .media {
    margin-top: 20px
}

.section-01 .sidebar-tabing img {
    width: 120px;
    height: 100px;
}

.section-01 .sidebar-tabing .title-small {
    line-height: 23px;
    margin-top: 5px;
    font-size: 18px;
}
.section-01 .top-nav .btn {
    position: absolute;
    right: 0;
    top: -3px;
    border-radius: 3px;
}
.language_selector span
{
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    margin-right: 10px;
    background: #2d3e50;
    color: #fff;
    border: 1px solid #2d3e50;
    font-weight: 600;
    cursor: pointer;
}

/*company featured slider*/
.col-company-featured .slides {
    background-color: #fff;
    border-radius: 1rem;
    margin: 12px auto;
    overflow: scroll; /*Manual scroller on mobile*/
    padding: 2rem;
}

.col-company-featured .slides__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 200%;
}
.col-company-featured .slides__wrapper img {
    height: 54px;
}

.col-company-featured .geomicon {
    position: relative;
    top: .1875em;
    width: 1em;
    height: 1em;
    opacity: 1;
}

.col-company-featured .callout {
    color: #463D38;
    font-weight: 700;
    text-align: center;
}

.col-company-featured .callout a {
    color: #463D38;
    text-decoration: none;
    text-transform: uppercase;
}

.col-company-featured .callout a:hover {
    text-decoration: underline;
}

@media all and (min-width: 768px) {
    .col-company-featured .slides {
        overflow: hidden;
    }
    .col-company-featured .slides__wrapper {
        animation: slideshow 16s ease infinite;
    }
}

@keyframes slideshow {
    0% {
        transform: translateX(0%);
    }

    12.5% {
        transform: translateX(0%);
    }

    25% {
        transform: translateX(-12.5%);
    }

    37.5% {
        transform: translateX(-12.5%);
    }

    50% {
        transform: translateX(-25%);
    }

    62.5% {
        transform: translateX(-25%);
    }

    75% {
        transform: translateX(-50%);
    }

    87.5% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}
/*company featured slider End*/

.findjob-filter-search-area .filter-btn
{
    background: #fff;
    color: #2d3e50;
    font-weight: bold;
}

.custom_checkbox {
    padding: 25px 0 0 15px;
}

.custom_checkbox .form-group {
    display: block;
    margin-bottom: 0px;
}

.custom_checkbox .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom_checkbox .form-group label {
    position: relative;
    cursor: pointer;
}

.custom_checkbox .form-group label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 6px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.custom_checkbox .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.dropdown-menu-large .text-fomation-001
{
    font-size: 16px;
    color: #2d3e50;
    font-weight: bold;
    padding: 20px 0px 0px 15px;
}
.custome_dropdown
{
    margin-top: 10px;
}

/*card Images*/
.index-content .card{
    background-color: #FFFFFF;
    padding:0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    /*box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);*/
    margin-bottom: 30px;

}
.index-content .card:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    color:black;
}
.index-content .card img{
    width:100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.index-content .card h4{
    margin:20px;
}
.index-content .card p{
    margin: 10px;
    opacity: 0.65;
    font-size: 12px;
}
.index-content .blue-button{
    width: 90%;
    -webkit-transition: background-color 1s , color 1s;
    transition: background-color 1s , color 1s;
    min-height: 20px;
    background-color: #002E5B;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    font-weight: lighter;
    margin: 0px 20px 15px 29px;
    padding: 5px 0px;
    display: inline-block;
}
.index-content .blue-button:hover{
    background-color: #dadada;
    color: #002E5B;
}
@media (max-width: 768px) {

    .index-content .col-lg-4 {
        margin-top: 20px;
    }
}

.index-content .card .apply_instruction
{
    text-align: center;
    padding-bottom: 10px;
    margin: 0;
    font-size: 12px;
}

.job-details-area h3
{
    color: #002e5b;
    font-weight: bold;
}
.find-job-main-area .main-heading
{
    padding: 25px 0 25px 0px;
}
.job-details-area p
{
    padding-left: 25px;
}
.service_find_section
{
    width: 80%;
    margin: 0 !important;
    z-index: 9;
}

.service_customer
{
    position: relative;
    z-index: 1;
}

/*====Our Service Right side======*/

.our_service_section_right_side .background {
    /*height: 70%;*/
    width: 100%;
    /*min-width: 750px;*/
    /*min-height: 1800px;*/
}

.our_service_section_right_side .background-image {
    z-index: 0;
    overflow: hidden;
    vertical-align: top;
    /*height: 270px;*/
    background: #f6f6f6;
}
.animate-bg h3
{
    font-size: 15px;
    padding: 10px;
    color: #2d3e4f;
    font-weight: 600;
}
.animate-bg p
{
    padding-left: 10px;
    font-size: 12px;
}

.btn-feedback
{
    margin-top: 10px !important;
}
.our_service_section_right_side .center {
    text-align: center;
}

.our_service_section_right_side .modal {
    background: #fff;
    border-radius: 5px;
    height: 400px;
    width: 500px;
    z-index: 10;
    padding: 30px;
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
}

.our_service_section_right_side .background {
    /*background-image: url(https://s-passets-ec.pinimg.com/webapp/style/app/desktop/images/inspired/bg_everything_grid.84a614ab.jpg);*/
    background-color: #f6f6f6
}

.our_service_section_right_side .animate-bg {
    /*-webkit-animation: animate-move-bg 20s infinite;*/
    /*animation: animate-move-bg 20s infinite;*/
}

@-webkit-keyframes animate-move-bg {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
}

@keyframes animate-move-bg {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    }
}
/*====Our Service Right side= End=====*/

 .grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 150px;
    grid-auto-flow: row dense;
}

 .item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    background: #0c9a9a;
    color: #fff;
    grid-column-start: auto;
    grid-row-start: auto;
    color: #fff;
    background: url("https://images.unsplash.com/photo-1470124182917-cc6e71b22ecc?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=");
    background-size: cover;
    background-position: center;
    box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    cursor: pointer;
    counter-increment: item-counter;
}
.item:nth-of-type(3n) {
    background-image: url("https://images.unsplash.com/photo-1422255198496-21531f12a6e8?dpr=2&auto=format&fit=crop&w=1500&h=996&q=80&cs=tinysrgb&crop=");
}
 .item:nth-of-type(4n) {
    background-image: url("https://images.unsplash.com/photo-1490914327627-9fe8d52f4d90?dpr=2&auto=format&fit=crop&w=1500&h=2250&q=80&cs=tinysrgb&crop=");
}
 .item:nth-of-type(5n) {
    background-image: url("https://images.unsplash.com/photo-1476097297040-79e9e1603142?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=");
}
 .item:nth-of-type(6n) {
    background-image: url("https://images.unsplash.com/photo-1464652149449-f3b8538144aa?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=");
}
 .item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;
}
 .item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.item:hover:after {
    opacity: 0;
}
.item--medium {
    grid-row-end: span 2;
}
.item--large {
    grid-row-end: span 3;
}
 .item--full {
    grid-column-end: auto;
}
@media screen and (min-width: 768px) {
 .item--full {
        grid-column: 1/-1;
        grid-row-end: span 2;
    }
}
.item__details {
    position: relative;
    z-index: 1;
    padding: 15px;
    color: #444;
    background: #fff;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: #828282;
}
 .item__details:before {
    content: counter(item-counter);
    font-weight: bold;
    font-size: 1.1rem;
    padding-right: 0.5em;
    color: #444;
}

/*====================*/
.our_service_section h1
{
    font-size: 20px;
    padding: 0 0 15px 0px;
    color: #2d3e4f;
    text-transform: uppercase;
}

/* start of our services section */

#our-services {
    background: #f6f6f6;
    min-height: 50vh;
    padding-top: 4vh;
}

/* OUR SEERVICES LEFT SIDE */

#our-services .desc {
    width: 35%;
    float: left;
}

#our-services .desc .heading h1 {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.4px;
    /*margin-bottom: 30px;*/
}

#our-services .desc .text {
    color: #2d3e4fbd;
}

/* OUR SERVICES RIGHT SIDE */

#our-services .services {
    width: 50%;
    float: left;
    margin-left: 110px;
}

#our-services .services .column {
    float: left;
    margin-right: 60px;
    /*margin-left: 60px;*/
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#our-services .services .column .service {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    transition: all 0.1s ease;
    margin-bottom: 7px;
    border: 1px solid #2d3e4f42;
    cursor: pointer;
}

#our-services .services .column .service:hover {
    background: #2d3e4f;
    color: #fff;
}

#our-services .services .column .service:hover .service-icon {
    color: #fff;
}

#our-services .services .column .service .service-desc {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

#our-services .services .column .service .service-desc .service-icon  {
    font-size: 20px;
    margin-bottom: 5px;
    color: #f57469;
}

/* end of our services section */

/* media query */

@media all and (max-width: 967px) {
    #our-services {
        padding-top: 60px;
    }

    #our-services .desc {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    #our-services .services {
        width: 100%;
    }

    #our-services .services .column {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-right: 10px;
    }

    #our-services .services .column .service .service-desc {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}



.service-2nd-row .section-title{
    background-color: #fff;
    margin-bottom: 50px;
    overflow: hidden;
    color:#ff4444;
    border-left: 5px solid #ff4444;
}

.services-inner{
    overflow: hidden;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.service-2nd-row{
    padding: 20px 0;
    background-color: #2d3e4f;
    border: 1px solid #86bc42;
}

.service-2nd-row h3{
    color: #86bc42;
    font-size: 16px;
    padding: 10px;
}

.service-2nd-row:hover{
    padding: 20px 0;
    background-color: #86bc42;
}

.service-2nd-row:hover h3{
    color:#fff;
}

.service-2nd-row .service-content{
    color: #fff;
    padding: 0 10px;
}

@media(max-width: 767px){
  .services-inner{
        display: block;
    }
}


#our-services .extra-service .text
{
    color: #BABABA;
}

#our-services .extra-service
{
    margin-top: 30px;
}

.our_service_section_right_side .notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #2d3e4f;
    margin-bottom: 1px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.our_service_section_right_side .notice-sm {
    padding: 10px;
    font-size: 80%;
}

.howitworks {
    width: 100%;
    height: 0;
    padding-top: calc(300 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(https://wallpaperaccess.com/full/643528.jpg) center center / cover no-repeat;
    margin-bottom: 46px;
    position: relative;
}
.howitworks .howitworks-sub-div
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto
}


.outsourceing_area
{
    /*margin-top: 50px;*/
    margin-bottom: 50px;
}
.outsourceing_heading
{
    text-align: center;
    margin-top: 50px;
}

.skill-card {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*-webkit-transform: translateY(-50%) translateX(-50%);*/
    /*transform: translateY(-50%) translateX(-50%);*/
    margin: auto;
    padding: 20px;
    /*width: 15em;*/
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    cursor: pointer;
}
.skill-card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.skill-card:hover .skill-card__header {
    height: 40px;
}
.skill-card:hover .skill-card__header .skill-card__icon {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(3);
    transform: translateX(-50%) translateY(-50%) scale(3);
}
.skill-card:hover .skill-card__body {
    height: 170px;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-timing-function: cubic-bezier(0, 1.5, 1, 1);
    transition-duration: 0.5s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(1) {
    transition-delay: 0.25s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(2) {
    transition-delay: 0.5s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(3) {
    transition-delay: 0.75s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(4) {
    transition-delay: 1s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(5) {
    transition-delay: 1.25s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(6) {
    transition-delay: 1.5s;
}

.skill-card .fiverr-logo
{
    background-color: #1dbf73;
}
.skill-card .skill-card__header {
    position: relative;
    height: 170px;
    margin: -20px -20px 20px -20px;
    transition: height 0.5s;
    overflow: hidden;
}
.skill-card .skill-card__header .skill-card__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: block;
    /*width: 128px;*/
    /*height: 128px;*/
    padding: 10px;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.skill-card .skill-card__body {
    height: 40px;
    transition: height 0.5s;
    overflow: hidden;
}
.skill-card .skill-card__body .skill-card__title {
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
}
.skill-card .skill-card__body .skill-card__duration {
    color: #9E9E9E;
    font-style: italic;
}
.skill-card .skill-card__body .skill-card__knowledge {
    margin-top: 10px;
    color: #424242;
}
.skill-card .skill-card__body .skill-card__knowledge li {
    margin-top: 5px;
    transition-duration: 0;
    transition-delay: 0.5s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

/*Notification button*/

.mega-dropdown {
    position: static !important;
    width: 100%;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;
}

.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight: bold;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.outsourceing_heading h1
{
    color: #2d3e4f;
    font-size: 20px;
    padding: 15px 0px 15px 0px;
    text-transform: uppercase;
}
.outsourceing_heading h2
{
    color: #2d3e4f;
    font-size: 17px;
    padding: 4px 0px 15px 0px;
}
.btn-all-freelancer-site-show
{
    margin-top: 0px !important;
    font-size: 12px !important;
}
.right-navi
{
    font-size: 21px !important;
}
.browse_more_freelancer-modal
{
    position: relative;
    top: 80px;
}
/*.!*Business Card Css *!*/
.modal-card-style {
    display: block;
    background-color: #fff;
    height: 100px;
    width: 100%;
    margin: 5px 0px;
    box-shadow: 1px 1px 8px #999;
    cursor: pointer;
}
.card-img {
    height: 100px;
    width: 100px;
}
.modal-card-style .media-heading {
    margin-top: 10px;
    color: #444;
}
.modal-card-style .media-heading:hover, a:link {
    /*color: #86bc42;*/
    text-decoration: none;
}
.modal-card-style .members {
    margin-top: 20px;
    color: #999;
    float: left;
}
.modal-card-style .btn-part {
    display: inline-block;
    margin-right: 30px;
    float: right;
}
.modal-card-style .badge {
    display: inline-block;
    background: #00C853;
    float: right;
    padding: 7px;
    border-radius: 50px;
    margin: 10px;
}
.freelencing-modal-title
{
    color: #2d3e4f;
    font-size: 14px;
    font-weight: bold;
}

/*portfolio*/
.gallery-title{
    font-size: 20px;
    padding: 0 0 15px 0px;
    color: #2d3e4f;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-top: 70px;
}
.filter-button{
    font-size: 18px;
    border: 2px solid #2d3e4f;
    padding:5px 10px;
    text-align: center;
    color: #3F6184;
    margin-bottom: 30px;
    background:transparent;
}
.filter-button:hover,
.filter-button:focus,
.filter-button.active{
    color: #ffffff;
    background-color: #2d3e4f;
    outline:none;
}
.gallery_product{
    margin: 0px;
    padding:0;
    position:relative;
}
.gallery_product .img-info{
    position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    overflow:hidden;
    color:#fff;
    top:0;
    display:none;
    -webkit-transition: 2s;
    transition: 2s;
}

.gallery_product:hover .img-info{
    display:block;
    -webkit-transition: 2s;
    transition: 2s;
}

/*	end gallery */


/*media query*/

@media screen and  (min-width:0px) and (max-width: 320px)  {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .service_find_section
    {
        width: 100%;
        padding: 13px 6px 3px 0px;
    }
    .service-inside
    {
        width: 100%;
        padding-bottom: 66px;
    }
    .breadcrumb-text h1
    {
        color: #86bc42;
        font-size: 30px !important;;

    }
    .service-inside p {
        color: #cccccc;
        font-weight: bold;
        padding-bottom: 60px;
    }
    #our-services .services
    {
        margin-left: 0px;
    }
}

@media screen and (min-width:769px) and (max-width: 800px) {
    /* put your css styles in here */
    .service_find_section
    {
        width: 100%;
        padding: 13px 6px 3px 0px;
    }
    .service-inside
    {
        width: 100%;
        padding-bottom: 66px;
    }
    .breadcrumb-text h1
    {
        color: #86bc42;
        font-size: 30px !important;;

    }
    .service-inside p {
        /*color: #d9534f;*/
        font-weight: bold;
        padding-bottom: 60px;
    }
    #our-services .services
    {
        margin-left: 0px;
    }
}

@media screen and (min-width:569px) and (max-width: 768px) {
    /* put your css styles in here */
    .service_find_section
    {
        width: 100%;
        padding: 13px 6px 3px 0px;
    }
    .service-inside
    {
        width: 100%;
        padding-bottom: 66px;
    }
    .breadcrumb-text h1
    {
        color: #86bc42;
        font-size: 30px !important;;

    }
    .service-inside p {
        /*color: #d9534f;*/
        font-weight: bold;
        padding-bottom: 60px;
    }
    #our-services .services
    {
        margin-left: 0px;
    }
}

@media screen  and (min-width:481px) and (max-width: 568px) {
    /* put your css styles in here */
    .service_find_section
    {
        width: 100%;
        padding: 13px 6px 3px 0px;
    }
    .service-inside
    {
        width: 100%;
        padding-bottom: 66px;
    }
    .breadcrumb-text h1
    {
        color: #86bc42;
        font-size: 30px !important;;

    }
    .service-inside p {
        /*color: #d9534f;*/
        font-weight: bold;
        padding-bottom: 60px;
    }
    #our-services .services
    {
        margin-left: 0px;
    }
}

@media screen  and (min-width:321px) and (max-width: 480px) {
    /* put your css styles in here */
    .service_find_section
    {
        width: 100%;
        padding: 13px 6px 3px 0px;
    }
    .service-inside
    {
        width: 100%;
        padding-bottom: 66px;
    }
    .breadcrumb-text h1
    {
        color: #86bc42;
        font-size: 30px !important;;

    }
    .service-inside p {
        /*color: #d9534f;*/
        font-weight: bold;
        padding-bottom: 60px;
    }
    #our-services .services
    {
        margin-left: 0px;
    }
}

/*free templates card*/
.free-templates-card {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.1);
    /*border-radius: 10px;*/
    transition: 0.5s;
    border: 1px solid #e0e0e0;
    margin-top: 14px;
    margin-bottom: 14px;
}
.free-templates-card:hover {
    box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.free-templates-card .box {
    position:absolute;
    top: 46%;
    left:0;
    transform:translateY(-50%);
    text-align:center;
    /*padding:20px;*/
    box-sizing:border-box;
    width:100%;
}
.free-templates-card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    border-radius:50%;
    overflow:hidden;
}
.free-templates-card .box .img img {
    width:100%;
    height:100%;
}
.free-templates-card .box h2 {
    font-size: 18px;
    color: #2d3e4f;
    margin: 20px auto;
    font-weight: 500;
    margin-top: 22px;
}
.free-templates-card .box h2 span {
    font-size:14px;
    background: #86bc42;
    color:#fff;
    display:inline-block;
    padding:4px 10px;
    border-radius:15px;
    margin-top: 10px;
}
.free-templates-card .box p {
    color:#262626;
}
.free-templates-card .box span {
    display:inline-flex;
}
.free-templates-card .box ul {
    margin:0;
    padding:0;
}
.free-templates-card .box ul li {
    list-style:none;
    float:left;
}
.free-templates-card .box ul li a {
    display:block;
    color:#aaa;
    margin:0 10px;
    font-size:20px;
    transition:0.5s;
    text-align:center;
}
.free-templates-card .box ul li:hover a {
    color:#e91e63;
    transform:rotateY(360deg);
}

/*Advertisement*/
.advertisement-box{
    /*padding:60px 0px;*/
}

.advertisement-box .box-part{
    background: #b6babd4f;
    border-radius: 10px;
    padding: 10px 3px;
    margin: 30px 0px;
    border: 1px solid #86bf434a;
}

.advertisement-box .box-part:hover{
    /*background:#4183D7;*/
}

.advertisement-box .box-part:hover .fa ,
.advertisement-box .box-part:hover .title ,
.advertisement-box .box-part:hover .text ,
.advertisement-box .box-part:hover a{
    color:#FFF;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.advertisement-box .text{
    margin:20px 0px;
}
.btn-feedback
{
    width: 100%;
}

/*modal service*/
input[type="text"],
input[type="password"]{
    background: #ffffff;
    border: 0;
    font-weight: bold;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    margin: 5px 0;
    outline: medium none;
    color: #040404;
    border: 1px solid #d0cccc;
}
input[type="checkbox"]{
    -webkit-appearance:none;
    width:10px;
    height:10px;
    position:relative;
    outline:medium none;
    margin-right:10px;
}
input[type="checkbox"]::before{
    width:9px;
    height:9px;
    content:"";
    display:block;
    border:3px solid #C4BCB0;
    border-radius: 9px;
    position:absolute;
}
input[type="checkbox"]:checked::after{
    width:5px;
    height:5px;
    content:"";
    display:block;
    background: #C4BCB0;
    border-radius: 5px;
    position:absolute;
    left:5px;
    top:5px;
}
.send_req{
    display:block;
    padding:10px;
    background:#50BFA4;
    border:0;
    border-radius:3px;
    font-weight:bold;
    width:100%;
    color:#fff;
    cursor:pointer;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
.send_req:hover{
    background:#58CCB0;
}
.service_form{
    width: 100%;
    /*margin: 13px auto;*/
    /*padding: 50px;*/
    /*border: 1px solid rgba(0,0,0,0.1);*/
    /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
    /*background: #fff;*/
}

.service_form > label{
    display:block;
    margin:10px 0 15px;
    line-height:15px;
    cursor:pointer;
}
.service_form > div{
    margin-top:20px;
}

.service_form > a{
    font-size:11px;
    display:block;
    text-align:center;
    margin:10px 0;
}
.service_form > div >a:first-child{
    font-weight:bold;
}
.service_form > div >a:nth-child(2){
    border:1px solid #3DA087;
    display:inline-block;
    border-radius:3px;
    color:#3DA087;
    font-weight:bold;
    padding:7px 15px;
    margin-left:28px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
.service_form > div >a:nth-child(2):hover{
    background:#3DA087;
    color:#fff;
}


.image-grid-cover {
    width: 100%;
    background-size: cover;
    min-height: 180px;
    position: relative;
    margin-bottom: 30px;
    text-shadow: rgba(0,0,0,.8) 0 1px 0;
    border-radius: 4px;
}
.image-grid-clickbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /*z-index: 20;*/
    background: rgba(0,0,0,.45);
}
.cover-wrapper {
    font-size: 18px;
    text-align: center;
    display: block;
    color: #fff;
    text-shadow: rgba(0,0,0,.8) 0 1px 0;
    z-index: 21;
    position: relative;
    top: 80px;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    z-index: 10;
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

/* ----- v CAN BE DELETED v ----- */

.demo {
    padding-top: 60px;
    padding-bottom: 110px;
}

.btn-demo {
    margin: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

.btn-demo:focus {
    outline: 0;
}

.demo-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: #212121;
    text-align: center;
}

.demo-footer > a {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}
.success-msg
{
    background: #86bc42b3;
    position: absolute;
    top: -90px;
    right: 0;
    width: 35%;
    height: 30%;
}
.success-msg p
{
    color: #ffffff;
    margin-top: 11px;
    text-align: center;
    font-size: 16px;
    font-family: sans-serif;
}

/*success-message-media query*/
@media screen and  (min-width:0px) and (max-width: 320px)  {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .success-msg
    {
        background: #86bc42b3;
        position: absolute;
        top: -59px;
        right: 0;
        width: 100%;
        height: 45px;
    }
    .success-msg p
    {
        margin-top: 0;
    }
}

@media screen and (min-width:769px) and (max-width: 800px) {
    /* put your css styles in here */
    .success-msg
    {
        background: #86bc42b3;
        position: absolute;
        top: -59px;
        right: 0;
        width: 100%;
        height: 45px;
    }
    .success-msg p
    {
        margin-top: 0;
    }
}

@media screen and (min-width:569px) and (max-width: 768px) {
    /* put your css styles in here */
    .success-msg
    {
        background: #86bc42b3;
        position: absolute;
        top: -59px;
        right: 0;
        width: 100%;
        height: 45px;
    }
    .success-msg p
    {
        margin-top: 0;
    }
}

@media screen  and (min-width:481px) and (max-width: 568px) {
    /* put your css styles in here */
    .success-msg
    {
        background: #86bc42b3;
        position: absolute;
        top: -59px;
        right: 0;
        width: 100%;
        height: 45px;
    }
    .success-msg p
    {
        margin-top: 0;
    }
}

@media screen  and (min-width:321px) and (max-width: 480px) {
    /* put your css styles in here */
    .success-msg
    {
        background: #86bc42b3;
        position: absolute;
        top: -59px;
        right: 0;
        width: 100%;
        height: 45px;
    }
    .success-msg p
    {
        margin-top: 0;
    }
}
.service-txt a
{
    color: #000;
    font-size: 11px;
}
.service-txt a:hover
{
    color: #fff !important;
}

.outsourcing {
    pointer-events: none;
    opacity: 0.4;
}

.breadcrumb-about-us-banner-area {
    background: rgba(0, 0, 0, 0) url("img/banner/aboutus.jpg") no-repeat scroll 0 0;
    color: #ffffff;
    padding: 110px 0;
    position: relative;
    background-position: center;
    background-attachment: inherit;
    background-size: cover;
}

/*Blog style*/

.blog_navbar_nav
 {
    float: right;
    margin-right: 30px;
 }
.blog_navbar_nav a
{
    color: #2d3e4f;
}

#popular_blog_post_wrapper {
    margin: 0 auto;
    /*width: 75%;*/
    max-width: 1200px;
    margin-top: 40px;
}
.figure_container {
    background: #2d3e4fad;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.figure_container:hover .post-reveal {
    height: 155px;
}
.figure_container:hover .btn {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.figure_container:hover h3::before {
    color: #86bc42;
}
.figure_container figcaption {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}
.figure_container figcaption .post-main {
    text-align: left;
    background: #fafafa;
    padding: 1em 1.5em;
}
.figure_container figcaption .post-reveal {
    text-align: left;
    transition: all 0.3s ease-in-out;
    height: 0;
    overflow: hidden;
}
.figure_container figcaption .post-reveal p {
    margin: 1.5em 0 0;
}
.figure_container .btn {
    opacity: 0;
    display: inline-block;
    position: relative;
    margin: 4em auto 1em;
    padding: 0.75em 1.5em;
    border: 1px solid #fafafa;
    font: 16px/1.2em "Gotham Medium", "Montserrat", "Open Sans";
    color: #fafafa;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transform: rotateX(90deg);
    -webkit-transition: all 0.2s ease-out 0.2s, transform 0.5s ease-in-out 0.05s;
    -moz-transform: rotateX(90deg);
    -moz-transition: all 0.2s ease-out 0.2s, transform 0.5s ease-in-out 0.05s;
    -ms-transform: rotateX(90deg);
    -ms-transition: all 0.2s ease-out 0.2s, transform 0.5s ease-in-out 0.05s;
    -o-transform: rotateX(90deg);
    -o-transition: all 0.2s ease-out 0.2s, transform 0.5s ease-in-out 0.05s;
    transform: rotateX(90deg);
    transition: all 0.2s ease-out 0.2s, transform 0.5s ease-in-out 0.05s;
}
.figure_container .btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fafafa;
    z-index: -1;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}
.figure_container .btn:hover {
    color: #494949;
}
figure .btn:hover::after {
    width: 100%;
}
.figure_container img {
    display: block;
    width: 100%;
    height: 390px;
    background: #494949;
}
.figure_container h3 {
    padding: 0 0 0 3em;
    font: bold 18px/1.2em "Gotham Bold", "Montserrat", "Open Sans";
    text-transform: uppercase;
}
.figure_container h3 em {
    display: block;
    font-family: "Gotham Light", "Montserrat", "Open Sans";
    font-style: normal;
    font-weight: 200;
}
.figure_container h3::before {
    content: '';
    position: absolute;
    width: 2.7em;
    height: 27px;
    margin: 3px 0 0 -3em;
    padding: 5px 0;
    font: 24px/1em FontAwesome;
    text-align: center;
    color: #aaa;
    border-right: 1px solid #aaa;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.figure_container h3.icon-img::before {
    content: '\f03e';
}
.figure_container h3.icon-rocket::before {
    content: '\f135';
}
.figure_container h3.icon-magic::before {
    content: '\f0d0';
}
.popular_tags {
    display: block;
    font: 12px/1.2em "Gotham Medium", "Montserrat", "Open Sans";
    text-transform: uppercase;
    margin: 1.75em 0 0;
}
.popular_tags a {
    display: inline-block;
    color: #fafafa;
    background: #494949;
    text-decoration: none;
    padding: 0.3em 0.7em;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.popular_tags a:hover {
    background: #888;
}

@media screen and (max-width: 1475px) {
    #wrapper {
        width: 95%;
    }
    .figure_container {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 1170px) {
    #wrapper {
        width: 95%;
    }
    .figure_container {
        width: 49%;
    }
}
@media screen and (max-width: 800px) {
    #wrapper {
        width: 90%;
    }
    .figure_container {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
}
.right_side_container h1
{
    color: #2d3e4f;
    font-size: 20px;
}
.right_side_container h2
{
    color: #86bc42;
    font-size: 16px;
    padding-top: 10px;
    font-style: italic;
}

#recentpostnav {
    border: 1px solid #585858;
    width: 100%;
    margin: 0 auto;
}

#recentpostsae {
    margin: 0px;
}

.recentpostel {
    background: #fff;
    display: block;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 10px;
    height: 79px;
}

.recentpostel img {
    background: #fff;
    padding: 4px;
    float: left;
    height: 70px;
    margin-right: 8px;
    width: 70px;
    border: 1px solid #ddd;
}

.recentpostel h6,
.recentpostel h6 a {
    text-decoration: none;
    font-size: 13px!important;
    font-weight: 700!important;
    margin: 0;
    color: #111;
}

.recentpostel:hover {
    background-color: #fefefe;
}

.recentpostel p {
    font-size: 12px;
    text-align: left;
    color: #555;
    line-height: normal;
    margin: 5px 0;
}

#recentpostload {
    color: #888;
    font-family: Tahoma;
    font-size: 100px;
    letter-spacing: -10px;
    text-align: center;
    text-shadow: -5px 0 1px #444;
    background: #fff url(https://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) no-repeat 50% 50%;
    height: 470px;
    border: 1px solid #ddd;
}

#recentpostnavfeed {
    border: 1px solid #ddd;
    color: #bbb;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    margin: 0px;
}

#recentpostnavfeed:hover {
    background-color: #fefefe;
}

#recentpostnavfeed a {
    color: #141414!important;
    font-family: Tahoma!important;
    font-size: 12px!important;
    font-weight: 400!important;
    display: block;
    padding: 5px 10px;
}

#recentpostnavfeed span {
    padding: 5px 10px;
}

#recentpostnavfeed .next {
    float: right;
}

#recentpostnavfeed .previous {
    float: left;
}

#recentpostnavfeed .home {
    text-align: center;
}

#recentpostnavfeed a:hover,
#recentpostnavfeed span.noactived {
    /*color: transparant!important;*/
}

.lib-panel {
    margin-bottom: 4Px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    /*padding: 0;*/
    /*background-color: #FFFFFF;*/
    /*margin-top: 6px;*/
}


.lib-panel .lib-row {
    padding: 0px 4px 0 7px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 4px 5px 4px 5px;
}
.lib-header a
{
    color: #2d3e4f;
    font-size: 14px;
    padding: 10px;
    font-weight: 400;
}


.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}
.Recent_card_container
{
    padding: 0;
}
.left_side_container .recent_post
{
    color: #2d3e4f;
    font-size: 20px;
}
.left_side_container h2
{
    color: #86bc42;
    font-size: 16px;
    padding-top: 10px;
    font-style: italic;
}

.blog-container {
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 2px -2px;
    font-family: "adelle-sans", sans-serif;
    font-weight: 100;
    margin-top: 10px;
    width: 100%;
}
@media screen and (min-width: 480px) {
    .blog-container {
        width: 28rem;
    }
}
@media screen and (min-width: 767px) {
    .blog-container {
        width: 40rem;
    }
}
@media screen and (min-width: 959px) {
    .blog-container {
        width: 100%;
    }
}

.blog-container a {
    color: #4d4dff;
    text-decoration: none;
    transition: .25s ease;
}
.blog-container a:hover {
    border-color: #86bc42;
    color: #2d3e50;
    font-weight: bold;
}

.blog-cover {
    /*background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/yosemite-3.jpg");*/
    background-size: cover;
    border-radius: 5px 5px 0 0;
    height: 15rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    overflow: hidden;
}

.blog-author,
.blog-author--no-cover {
    margin: 0 auto;
    padding-top: .125rem;
    width: 80%;
}

.blog-author h3::before,
.blog-author--no-cover h3::before {
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/17779/russ.jpeg");
    background-size: cover;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 32px;
    margin-right: .5rem;
    position: relative;
    top: 8px;
    width: 32px;
}

.blog-author h3 {
    color: #fff;
    font-weight: 100;
}

.blog-author--no-cover h3 {
    color: #999999;
    font-weight: 100;
}

.blog-body {
    margin: 13px auto;
    width: 100%;
}

.video-body {
    height: 100%;
    width: 100%;
}

.blog-title h1 a {
    color: #333;
    font-weight: 100;
}

.blog-summary p {
    color: #4d4d4d;
    padding-top: 10px;
}
.blog-tags
{
    margin-top: 5px;
}
.blog-tags ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li {
    margin-left: .5rem;
}

.blog-tags a {
    border: 1px solid #999999;
    border-radius: 3px;
    color: #999999;
    font-size: .75rem;
    height: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding: 0 .5rem;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 5rem;
}

.blog-footer {
    border-top: 1px solid #e6e6e6;
    /* margin: 0 auto; */
    padding: 6px 0 6px 0px;
    width: 100%;
}

.blog-footer ul {
    list-style: none;
    display: flex;
    /*flex: row wrap;*/
    justify-content: flex-end;
    padding-left: 0;
}

.blog-footer li:first-child {
    margin-right: auto;
}

.blog-footer li + li {
    margin-left: .5rem;
}

.blog-footer li {
    color: #999999;
    font-size: .75rem;
    height: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
}
.blog-footer li a {
    color: #999999;
}

.blog-footer .comments {
    margin-right: 1rem;
    padding: 0!important;
    width: 7%;
}
.blog-footer .shares
{
    width: 7%;
}

.published-date {
    border: 1px solid #999999;
    border-radius: 3px;
    padding: 0 .5rem;
}

.numero {
    position: relative;
    top: 0px;
    left: 2px;
    font-size: 12px;
}

.icon-star,
.icon-bubble {
    fill: #999999;
    height: 24px;
    margin-right: .5rem;
    transition: .25s ease;
    width: 24px;
}
.icon-star:hover,
.icon-bubble:hover {
    fill: #ff4d4d;
}

.comments .fa-comment
{
    font-size: 15px;
}
.shares .fa-thumbs-up
{
    font-size: 15px;
    font-weight: bold;
}
.most-viewd
{
    margin-top: 25px;
}
.most_popular a
{
    line-height: 35px;
}
.most_popular
{
    margin-top: 15px;
    padding: 0;
}


.social-share {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

ul.social-share-list {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    position: absolute;
    /*left: 266px;*/
    top: 11px;
}

/*.bottom-position*/
/*{*/
    /*position: absolute!important;*/
    /*left: 700px !important;*/
/*}*/

ul.social-share-list li {
    float: left;
}

a.social-link {
    display: inline-block;
    text-decoration: none;
    height: 30px;
    width: 30px;
    background-color: #333;
    color: #eee;
    border-radius: 3em;
    /*Change radius for differnt effects*/
    text-align: center;
    margin: 4px;
    transition: background-color 1s;
}

a.social-link:after {
    position: relative;
    font-size: 18px;
    top: 5px;
    font-family: FontAwesome;
}


/* :: FACEBOOK :: */

a.facebook:hover {
    background-color: rgb(59, 89, 152);
    color: #ffffff !important;
}

.facebook:after {
    content: "\f09a";
}


/* :: TWITTER :: */

a.twitter:hover {
    background-color: rgb(85, 172, 238);
    color: #ffffff !important;
}

.twitter:after {
    content: "\f099";
}


/* :: GOOGLE PLUS :: */

a.google-plus:hover {
    background-color: rgb(221, 75, 57);
    color: #ffffff !important;
}

.google-plus:after {
    content: "\f0d5";
}


/* :: YOUTUBE :: */

a.youtube:hover {
    background-color: rgb(187, 0, 0);
    color: #ffffff !important;
}

.youtube:after {
    content: "\f167";
}


/* :: LINKEDIN :: */

a.linkedin:hover {
    background-color: rgb(0, 123, 181);
    color: #ffffff !important;
}

.linkedin:after {
    content: "\f0e1";
}


/* :: INSTAGRAM :: */

a.instagram:hover {
    background-color: rgb(188, 42, 141);
    color: #ffffff !important;
}

.instagram:after {
    content: "\f16d";
}


/* :: PINTEREST :: */

a.pinterest:hover {
    background-color: rgb( 203, 32, 39);
    color: #ffffff !important;
}

.pinterest:after {
    content: "\f0d2";
}
.share-bottom
{
    padding-bottom: 50px;
}
.web_bannar_placement
{
    padding: 0;
}
.web_bannar_placement img
{
    width: 100%;
    height: 130px;
    margin-top: 10px;
    max-width: 100%;
    margin-bottom: 20px;
}

.right_side_web_bannar_placement
{
    padding: 0;
}
.right_side_web_bannar_placement img
{
    width: 100%;
    height: 220px;
    margin-top: 10px;
    max-width: 100%;
}


.comment-container {
    width: 100%;
    margin-top: 20px;
}


.v-btn {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    height: 36px;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin: 6px 8px;
    min-width: 88px;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 16px;
}

.v-btn:before {
    border-radius: inherit;
    color: inherit;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0.12;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    width: 100%;
}

.v-btn:focus,
.v-btn:hover {
    position: relative;
}

.v-btn:focus:before,
.v-btn:hover:before {
    background-color: currentColor;
}

.v-btn__content {
    align-items: center;
    border-radius: inherit;
    color: inherit;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    white-space: nowrap;
    width: inherit;
}

.v-btn:not(.v-btn--depressed):not(.v-btn--flat) {
    will-change: box-shadow;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.v-btn:not(.v-btn--depressed):not(.v-btn--flat):active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.avatar {
    width: 50px;
    height: 50px;
    margin-left: -42px;
    border-radius: 50%;
}

.v-avatar {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.v-avatar img {
    border-radius: 50%;
    display: inline-flex;
    height: inherit;
    width: inherit;
    object-fit: cover;
}

.v-card {
    text-decoration: none;
}

.v-card > :first-child:not(.v-btn):not(.v-chip) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.v-card > :last-child:not(.v-btn):not(.v-chip) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.v-sheet {
    display: block;
    border-radius: 2px;
    position: relative;
}

.v-dialog__container {
    display: inline-block;
    vertical-align: middle;
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}



:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}


.headline {
    font-weight: 400;
    letter-spacing: normal !important;
    font-size: 20px !important;
    line-height: 32px !important;
    margin-top: 10px;
}

.title {
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
}

.caption {
    font-weight: 400;
    font-size: 12px !important;
}

.theme--light.v-btn {
    color: rgba(0, 0, 0, 0.87);
}

.theme--light.v-btn:not(.v-btn--icon):not(.v-btn--flat) {
    background-color: #f5f5f5;
}

.theme--light .v-card {
    box-shadow: rgba(0, 0, 0, 0.11) 0 15px 30px 0px,
    rgba(0, 0, 0, 0.08) 0 5px 15px 0 !important;
}

.theme--light.application .v-card {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
    0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;
    color: #102c3c !important;
}

.theme--light.v-card,
.theme--light.v-sheet {
    background-color: #fff;
    border-color: #fff;
    color: rgba(0, 0, 0, 0.87);
}


.wrapper {
    overflow: auto;
}

.answers {
    padding-left: 64px;
}

.comment {
    overflow-y: auto;
    margin-left: 32px;
    margin-right: 16px;
}

.comment p {
    font-size: 14px;
    margin-bottom: 7px;
}



.actions {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
}

.google-span[data-v-35838f51] {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
}

.google-button[data-v-35838f51] {
    background-color: #fff;
    height: 40px;
    margin: 0;
}

.headline {
    margin-left: 32px;
}

.sign-in-wrapper {
    /*margin-top: 16px;*/
    margin-left: 32px;
}


.error-message {
    font-style: oblique;
    color: #c40030;
}

.comment-card,
.comment-card {
    padding: 9px 16px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 640px) {
    .comment-container {
        width: 90%;
    }
    .comments {
        padding: 32px;
    }
}


/*comment form*/

.comment_modal_boday
{
    padding: 50px;
}
#comment_form label
{
    font-weight: bold;
    color: #86bc42;
}
#comment_form .commetn_btn
{
    background: #86bc42;
    border-color: #86bc42;
}
.comment-card .leave_comment_btn
{
    background: #86bc42;
    border-color: #86bc42;
}
.CommentModal_header
{
    background: #2d3e50;
    color: #fff;
}
.CommentModal_header button
{
    color: #fff;
}
.comment_user_name
{
    padding: 6px 25px 6px 34px;
    font-weight: bold;
}

.service_qoutation-left_side
{
    margin: 15px auto;
    padding: 20px 0px 20px 0px;
}
.service_qoutation-left_side span
{
    line-height: 30px;
    padding: 2px;
}
.btn_service_qoutation
{
    margin-top: 15px;
}

/*card*/

.service_qoutation_card {
    perspective: 150rem;
    position: relative;
    height: 36rem;
    cursor: pointer;
    margin: 30px auto;
    width: 100%;
}
.card__side {
    position: absolute;
    font-size: 2rem;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 50rem;*/
    border-radius: 3px;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    backface-visibility: hidden;
    transition: all .8s ease;
}
.card__side--front {
    background-color: #fff;
}
.card__side--back {
    transform: rotateY(180deg);
}
.card__side--back-1 {
    background-image: linear-gradient(to right bottom, #ffb900, #ff7730);
}
.card__side--back-2 {
    background-image: linear-gradient(to right bottom, #7ed56f, #28b485);
}
.card__side--back-3 {
    background-image: linear-gradient(to right bottom, #2998ff, #5643fa);
}
.card:hover .card__side--front {
    transform: rotateY(-180deg);
}
.card:hover .card__side--back {
    transform: rotateY(0);
}
.card__picture {
    background-size: cover;
    height: 16rem;
    background-blend-mode: soft-light;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.card__picture--1 {
    background-image: linear-gradient(to right bottom, #ffb900, #ff7730), url(http://bit.ly/2TqN8Y8);
}
.card__picture--2 {
    background-image: linear-gradient(to right bottom, #7ed56f, #28b485), url(http://bit.ly/2H5yFKZ);
}
.card__picture--3 {
    background-image: linear-gradient(to right bottom, #2998ff, #5643fa), url("img/banner/creative.jpg");
    background-position: center;
    background-size: cover;

}
.card__headding {
    color: #fff;
    font-size: 27px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 8rem;
    right: 2rem;
    width: 75%;
}
.card__headding-span {
    padding: .1rem 1.5rem;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.card__headding-span--1 {
    background-image: linear-gradient(to right bottom, rgba(255, 185, 0, 0.85), rgba(255, 119, 48, 0.85));
}
.card__headding-span--2 {
    background-image: linear-gradient(to right bottom, rgba(126, 213, 111, 0.85), rgba(40, 180, 133, 0.85));
}
.card__headding-span--3 {
    /*background-image: linear-gradient(to right bottom, rgba(41, 152, 255, 0.85), rgba(86, 67, 250, 0.85));*/
    color: #2d3e50;
    font-size: 15px;
    position: absolute;
    bottom: 50px;
    left: -50px;
    font-weight: bold;
}
.card__details {
    padding: 10px;
}
.card__details ul {
    list-style: none;
    width: 80%;
    margin: 0 auto;
}
.card__details ul li {
    color: #777;
    text-align: center;
    font-size: 13px;
    padding: 7px;
}
.card__details ul li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.card__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.card__price-box {
    text-align: center;
    color: #fff;
}
.card__price-only {
    font-size: 1.5rem;
    text-transform: uppercase;
}
.card__price-value {
    font-size: 6rem !important;
    font-weight: 100;
}

.search_results {
    width: 480px;
    float: left;
    background: white;
    overflow: hidden;
}
.search_results .filters {
    position: relative;
    padding: 16px 32px;
    z-index: 999;
    background-color: #86bc42;
    box-shadow: 0 1px 6px 0 rgba(34, 34, 68, 0.14);
}
/*.search_results ul {*/
    /*padding: 32px 32px;*/
    /*height: calc(100vh - 64px);*/
    /*overflow: scroll;*/
/*}*/
.search_results ul li {
    cursor: pointer;
}

.result {
    margin-bottom: 8px;
    background: #FFFFFF;
    border: 1px solid rgba(34, 34, 68, 0.08);
    box-shadow: 0 1px 4px 0 rgba(34, 34, 68, 0.08);
    border-radius: 8px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.25s;
    padding: 25px;

}
.result ul
{
    list-style-type: circle;
}
.result:hover:not(.is-selected) {
    box-shadow: 0 1px 6px 0 rgba(34, 34, 68, 0.14);
}
.result.is-selected {
    box-shadow: 0 2px 10px 0 rgba(34, 34, 68, 0.4);
}

.search_results.small {
    width: 100%;
    margin: 30px auto;
}
.search_results.small ul {
    padding: 8px 8px;
}
.search_results.small .itinerary, .search_results.small .times div {
    padding: 16px 8px;
}
.filters h1
{
    font-size: 16px;
    color: #fff;
}
.itinerary, .times div {
    padding: 16px 16px;
}

.modes {
    line-height: 24px;
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between;
}
.modes span {
    align-items: center;
    display: flex;
}
.modes .carriers {
    overflow: hidden;
}
.modes .carriers svg {
    overflow: visible;
}
.modes .price {
    position: relative;
    padding-left: 16px;
}
.modes .price::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 46%, white 70%, white 100%);
    width: 32px;
    height: 100%;
    display: block;
    position: absolute;
    left: -32px;
}
.modes .price span {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    padding: 2px;
    background-color: rgba(0, 187, 255, 0.12);
    margin-right: 8px;
}
.modes .price span img {
    margin-left: 0;
}
.modes .price b {
    font-size: 2.4rem;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}
.modes img {
    width: 24px;
    margin-left: 4px;
}
.modes svg:not(:first-child) {
    margin-left: 8px;
}

.times {
    background: #fafafa;
    display: flex;
}
.times div {
    width: 50%;
}
.times div:first-of-type {
    border-right: 1px solid #F5F5F5;
}
.times span {
    display: flex;
    line-height: 24px;
}
.times span svg {
    margin-right: 4px;
}
.times span.time {
    font-size: 1.6rem;
    font-weight: 600;
}
.times span.duration {
    color: #6a7385;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.service_terms_policy h1
{
    font-size: 19px;
    padding: 10px;
    color: #86bc42;
    font-weight: 400;
}
.service_terms_policy ul
{
    list-style-type: square;
    color: #2d3e50;
    padding: 0 0 0 12px;
}

.slide-out{
    position: relative;
    left: -740px;
    transition: .5s ease-in-out;
}



.portfolio_card {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*background-color: #2d3e502e;*/
    color: #2d3e50;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px #a09d9d;
    margin-bottom: 20px;
    height: 100%;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .portfolio_card {
        width: 100%;
    }
}
.portfolio_card .card__left {
    /*background-color: #FFC107;*/
    height: 100%;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
    .portfolio_card .card__left {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}
.portfolio_card .card__right {
    padding: 0 1em;
    height: 150px;
    max-width: 100%;
    overflow: auto;
    width: 100%;

}
.portfolio_card .card__right h1 {
    color: #2d3e4f;
    padding: 10px;
    text-align: left;
    text-transform: capitalize;
    font-size: 16px !important;

}
.portfolio_card .card__right span {
    padding: 10px;
    color: #86bc42;
    font-size: 13px;
}
.portfolio_card .card__right p {
    text-align: left;
    padding: 3px 0px 0px 10px;
}

@media screen and (min-width: 768px) {
    .portfolio_card .card__right {
        width: 100%;
        height: 150px;
        max-width: 100%;
        overflow: auto;
    }
}

.portfolio_card .title {
    text-transform: uppercase;
    font-size: 1.5rem;
}

.portfolio_card .datas {
    display: flex;
    margin-bottom: 1em;
    font-size: .7em;
}
.portfolio_card .datas p {
    margin-right: 3em;
}

.portfolio_card .rate {
    font-size: 1.5em;
    margin-bottom: 1em;
}
.portfolio_card .rate .fa:hover {
    color: #FFC107;
}

.portfolio_card .description {
    text-align: justify;
    padding-bottom: 1em;
}
.portfolio_card .description__text {
    font-size: .9em;
}
.portfolio_card .description__links {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}
.portfolio_card .description__links .link {
    text-decoration: none;
    color: #FFC107;
    font-size: .9em;
    line-height: 1.5;
}
.portfolio_card .description__links .link--button {
    border: 1px solid #FFC107;
    text-transform: uppercase;
    font-size: .6em;
    padding: .5em;
    border-radius: 5px;
}
.portfolio_card .description__links .link--button:before {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFC107;
    padding-left: .5em;
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 2px;
}

.portfolio_card .img {
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    max–width: 100%;
    height: 300px;
    max-height: 220px;
    padding–top: 20px;
    padding: 0.6%;
    /*display: inline–block;*/
}
@media screen and (min-width: 768px) {
    .portfolio_card .img {
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
        width: 100%;
        max–width: 100%;
        height: 300px;
        padding–top: 20px;
        padding: 0.6%;
        /*display: inline–block;*/
    }
}


.wui-side-menu {
    /*position:fixed;*/
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    z-index: 3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: webkit-transform 220ms ease-in-out;
    transition: transform 220ms ease-in-out;
    background-color: #2d3e50;
}
.wui-side-menu.open {-webkit-transform: translateX(0);transform: translateX(0);}
.wui-side-menu.open ~ .content .side-menu-trigger {display:none;}
.wui-side-menu.open {box-shadow: 2px 0 16px 0 rgba(0,0,0,0.3);}
.wui-side-menu .header,
.wui-content-header {vertical-align:baseline;line-height:50px;}
.wui-side-menu-pin-trigger,
.wui-side-menu-trigger {width:50px;height:50px;text-align:center;display: inline-block;font-size:18px;line-height: 50px;}

.wui-side-menu .wui-side-menu-pin-trigger    {display:none;float: right;}
.wui-side-menu .wui-side-menu-pin-trigger i  {-webkit-transition:all 0.22s ease-out;-moz-transition:all 0.22s ease-out;
    -o-transition:all 0.22s ease-out;     transition:all 0.22s ease-out;}
.wui-side-menu .wui-side-menu-items
{
    overflow-y:auto;
    height: calc(100% - 50px);
    background: #2d3e50;
}
.wui-side-menu .wui-side-menu-item {
    display:block;
    width:100%;
    padding:15px 12px ;
    border-left:5px solid transparent;
}
.wui-side-menu .wui-side-menu-item {height:50px}
.wui-side-menu .wui-side-menu-item i.box-ico {margin-right:4px;}

/* overlay */
.wui-overlay {position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color: rgba(0, 0, 0, 0.1);opacity:0.5;display:none;}
.wui-side-menu.open ~ .wui-overlay, .wui-overlay.active {display:block;}

/* content */
.wui-content {z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;
    -webkit-transition:all 0.22s ease-out;-moz-transition:all 0.22s ease-out;
    -o-transition:all 0.22s ease-out;transition:all 0.22s ease-out;padding:0 10px;}
.wui-content .wui-side-menu-trigger {margin-left:-10px;}
@media only screen and (min-width:768px){
    .wui-side-menu .wui-side-menu-pin-trigger {display:inline-block;}
    .wui-side-menu.open {box-shadow: initial;}
    .wui-side-menu.open ~ .wui-overlay {display:none;}
    .wui-side-menu.open ~ .wui-content .wui-side-menu-trigger {display:none;}
    .wui-side-menu.open:not(.pinned) ~ .wui-overlay {display:block;}
    .wui-side-menu.open:not(.pinned) {box-shadow: 2px 0 16px 0 rgba(0,0,0,0.3);}
    .wui-side-menu.open.pinned ~ .wui-content {left:220px;}
}
ul.wui-side-menu-items {list-style: none;padding:0}

.wui-side-menu {background-color: #292e34;color:#ddd;}
.wui-side-menu .wui-side-menu-trigger:hover,
.wui-side-menu-item:hover,
.wui-side-menu-pin-trigger:hover
{color: #fff;background-color: #383f45;}

.wui-side-menu a
{color:#ccc;text-decoration:none}
.wui-side-menu .wui-side-menu-item.active
{
    border-left-color: #86bc42;
    color: #86bc42;
}
.wui-content a {color:#000;}

.portfolio-page-area h1
{
    font-size: 20px;
    text-align: center;
    color: #86bc42;
}
.portfolio-page-area p
{
    text-align: center;
    color: #2d3e4f;
    padding: 10px;
}

.animated_text h1 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(left, #A3F7BF 0%, #29A19C 33%, #435055 66%, #27323A 100%);
    background-size: 700px;
    background-repeat: repeat;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    /*background-clip: text;*/
    -webkit-animation: gradient-move 1s linear infinite;
    animation: gradient-move 1.5s linear infinite;
    padding: 20px;
    font-weight: bold;
}

.animated_text h1:hover {
    -webkit-animation: gradient-move 0.3s linear infinite;
}

@-webkit-keyframes gradient-move {
    0% {
        background-position: 0 0; }
    100% {
        background-position: 700px 0; }
}

.what_we_offer_card {
    width: 100%;
    background: white;
    box-shadow: 0px 0px 0px grey;
    -webkit-transition: box-shadow .6s ease-out;
    box-shadow: 0.8px 0.9px 3px grey;
    margin-top: 20px;
}
.what_we_offer_card:hover{
    box-shadow: 1px 8px 20px grey;
    -webkit-transition:  box-shadow .6s ease-in;
}
.what_we_offer_card ul
{
    padding: 0px 18px 10px 30px;
    list-style-type: circle;
}
.what_we_offer_card a
{
    width: 100%;
    padding: 10px;
    border-radius: 0;
    background: #86bc42;
    border: none;
}

/*Image preview*/
.lightbox-target {
    position: fixed;
    /* top: -100% !important; */
    /* width: 100%; */
    left: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index: 9999;
}
.lightbox-target img {
    margin: auto;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
    display: block;
    width:50px;
    height:50px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
}

.lightbox-target:target img {
    max-height: 100%;
    max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
    top: 0px;
}
/*Image Preview End*/


/*ScrollBar*/
.scrollbar
{
    /*margin-left: 30px;*/
    float: left;
    height: 900px;
    /*width: 65px;*/
    /*background: #F5F5F5;*/
    overflow-y: scroll;
    margin-bottom: 25px;
}
#partial_portfolio_show::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#partial_portfolio_show::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#partial_portfolio_show::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #aaa;
}


/*Socila Link Sahare*/
.social-share_link {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    vertical-align: top;
    text-indent: 100%;
    background-color: #999;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 65% 65%;
    border-radius: 4px;
}
.social-share_link:hover {
    opacity: 0.7;
}
.social-share_link--vk {
    background-color: #3a6d99;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAzMCAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTI5Ljk1MyA4LjEyNXEwLjM1OSAxLTIuMzQ0IDQuNTk0LTAuMzc1IDAuNS0xLjAxNiAxLjMyOC0xLjIxOSAxLjU2My0xLjQwNiAyLjA0Ny0wLjI2NiAwLjY0MSAwLjIxOSAxLjI2NiAwLjI2NiAwLjMyOCAxLjI2NiAxLjI4MWgwLjAxNmwwLjA2MyAwLjA2M3EyLjIwMyAyLjA0NyAyLjk4NCAzLjQ1MyAwLjA0NyAwLjA3OCAwLjEwMiAwLjE5NXQwLjEwOSAwLjQxNC0wLjAwOCAwLjUzMS0wLjM5MSAwLjQzLTAuOTIyIDAuMTk1bC00IDAuMDYzcS0wLjM3NSAwLjA3OC0wLjg3NS0wLjA3OHQtMC44MTItMC4zNDRsLTAuMzEzLTAuMTg3cS0wLjQ2OS0wLjMyOC0xLjA5NC0xdC0xLjA3MC0xLjIxMS0wLjk1My0wLjkwNi0wLjg4My0wLjI0MnEtMC4wNDcgMC4wMTYtMC4xMjUgMC4wNTV0LTAuMjY2IDAuMjI3LTAuMzM2IDAuNDYxLTAuMjY2IDAuODEyLTAuMTAyIDEuMjExcTAgMC4yMzQtMC4wNTUgMC40M3QtMC4xMTcgMC4yODlsLTAuMDYzIDAuMDc4cS0wLjI4MSAwLjI5Ny0wLjgyOCAwLjM0NGgtMS43OTdxLTEuMTA5IDAuMDYzLTIuMjgxLTAuMjU4dC0yLjA1NS0wLjgyOC0xLjYwOS0xLjAzMS0xLjEwMi0wLjg5OGwtMC4zOTEtMC4zNzVxLTAuMTU2LTAuMTU2LTAuNDMtMC40Njl0LTEuMTE3LTEuNDIyLTEuNjU2LTIuMzU5LTEuOTE0LTMuMjk3LTIuMDM5LTQuMjVxLTAuMDk0LTAuMjUtMC4wOTQtMC40MjJ0MC4wNDctMC4yNWwwLjA2My0wLjA5NHEwLjIzNC0wLjI5NyAwLjg5MS0wLjI5N2w0LjI4MS0wLjAzMXEwLjE4NyAwLjAzMSAwLjM1OSAwLjEwMnQwLjI1IDAuMTMzbDAuMDc4IDAuMDQ3cTAuMjUgMC4xNzIgMC4zNzUgMC41IDAuMzEzIDAuNzgxIDAuNzE5IDEuNjE3dDAuNjQxIDEuMjczbDAuMjUgMC40NTNxMC40NTMgMC45MzggMC44NzUgMS42MjV0MC43NTggMS4wNzAgMC42NDggMC42MDIgMC41MzEgMC4yMTkgMC40MjItMC4wNzhxMC4wMzEtMC4wMTYgMC4wNzgtMC4wNzh0MC4xODctMC4zNDQgMC4yMTEtMC43MzQgMC4xNDgtMS4yNjYgMC0xLjk1M3EtMC4wMzEtMC42MjUtMC4xNDEtMS4xNDF0LTAuMjE5LTAuNzE5bC0wLjA5NC0wLjE4N3EtMC4zOTEtMC41MzEtMS4zMjgtMC42NzItMC4yMDMtMC4wMzEgMC4wNzgtMC4zNzUgMC4yNjYtMC4yOTcgMC41OTQtMC40NjkgMC44MjgtMC40MDYgMy43MzQtMC4zNzUgMS4yODEgMC4wMTYgMi4xMDkgMC4yMDMgMC4zMTMgMC4wNzggMC41MjMgMC4yMTF0MC4zMiAwLjM3NSAwLjE2NCAwLjUgMC4wNTUgMC43MTEtMC4wMTYgMC44NTktMC4wMzkgMS4xMDItMC4wMjMgMS4yODlxMCAwLjE3Mi0wLjAxNiAwLjY1NnQtMC4wMDggMC43NSAwLjA1NSAwLjYzMyAwLjE4IDAuNjA5IDAuMzUyIDAuMzgzcTAuMTI1IDAuMDMxIDAuMjY2IDAuMDYzdDAuNDA2LTAuMTcyIDAuNTk0LTAuNTM5IDAuODEyLTEuMDQ3IDEuMDYyLTEuNjhxMC45MzgtMS42MjUgMS42NzItMy41MTYgMC4wNjMtMC4xNTYgMC4xNTYtMC4yNzN0MC4xNzItMC4xNjRsMC4wNjMtMC4wNDcgMC4wNzgtMC4wMzl0MC4yMDMtMC4wNDcgMC4zMTMtMC4wMDhsNC41LTAuMDMxcTAuNjA5LTAuMDc4IDEgMC4wMzl0MC40ODQgMC4yNTh6Jz48L3BhdGg+PC9zdmc+");
}
.social-share_link--fb {
    background-color: #466db2;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAxNiAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTE0Ljk4NCAwLjE4N3Y0LjEyNWgtMi40NTNxLTEuMzQ0IDAtMS44MTMgMC41NjJ0LTAuNDY5IDEuNjg3djIuOTUzaDQuNTc4bC0wLjYwOSA0LjYyNWgtMy45Njl2MTEuODU5aC00Ljc4MXYtMTEuODU5aC0zLjk4NHYtNC42MjVoMy45ODR2LTMuNDA2cTAtMi45MDYgMS42MjUtNC41MDh0NC4zMjgtMS42MDJxMi4yOTcgMCAzLjU2MyAwLjE4N3onPjwvcGF0aD48L3N2Zz4=");
}
.social-share_link--tw {
    background-color: #00adeb;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAyNiAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTI1LjMxMiA2LjM3NXEtMS4wNDcgMS41MzEtMi41MzEgMi42MDkgMC4wMTYgMC4yMTkgMC4wMTYgMC42NTYgMCAyLjAzMS0wLjU5NCA0LjA1NXQtMS44MDUgMy44ODMtMi44ODMgMy4yODktNC4wMzEgMi4yODEtNS4wNDcgMC44NTJxLTQuMjM0IDAtNy43NS0yLjI2NiAwLjU0NyAwLjA2MyAxLjIxOSAwLjA2MyAzLjUxNiAwIDYuMjY2LTIuMTU2LTEuNjQxLTAuMDMxLTIuOTM4LTEuMDA4dC0xLjc4MS0yLjQ5MnEwLjUxNiAwLjA3OCAwLjk1MyAwLjA3OCAwLjY3MiAwIDEuMzI4LTAuMTcyLTEuNzUtMC4zNTktMi44OTgtMS43NDJ0LTEuMTQ4LTMuMjExdi0wLjA2M3ExLjA2MiAwLjU5NCAyLjI4MSAwLjY0MS0xLjAzMS0wLjY4OC0xLjY0MS0xLjc5N3QtMC42MDktMi40MDZxMC0xLjM3NSAwLjY4OC0yLjU0NyAxLjg5MSAyLjMyOCA0LjYwMiAzLjcyN3Q1LjgwNSAxLjU1NXEtMC4xMjUtMC41OTQtMC4xMjUtMS4xNTYgMC0yLjA5NCAxLjQ3Ny0zLjU3dDMuNTctMS40NzdxMi4xODggMCAzLjY4NyAxLjU5NCAxLjcwMy0wLjMyOCAzLjIwMy0xLjIxOS0wLjU3OCAxLjc5Ny0yLjIxOSAyLjc4MSAxLjQ1My0wLjE1NiAyLjkwNi0wLjc4MXonPjwvcGF0aD48L3N2Zz4=");
}
.social-share_link--gplus {
    background-color: #dd4b39;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAyNiAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTExLjQ4NCAxMi40MzdxMCAwLjU2MiAwLjUgMS4xMDJ0MS4yMTEgMS4wNjIgMS40MTQgMS4xNDggMS4yMDMgMS42MjUgMC41IDIuMjE5cTAgMS40MDYtMC43NSAyLjcwMy0xLjEyNSAxLjkwNi0zLjI5NyAyLjgwNXQtNC42NTYgMC44OThxLTIuMDYzIDAtMy44NTItMC42NDh0LTIuNjgtMi4xNDhxLTAuNTc4LTAuOTM4LTAuNTc4LTIuMDQ3IDAtMS4yNjYgMC42OTUtMi4zNDR0MS44NTItMS43OTdxMi4wNDctMS4yODEgNi4zMTItMS41NjMtMC41LTAuNjU2LTAuNzQyLTEuMTU2dC0wLjI0Mi0xLjE0MXEwLTAuNTYyIDAuMzI4LTEuMzI4LTAuNzE5IDAuMDYzLTEuMDYyIDAuMDYzLTIuMzEyIDAtMy44OTgtMS41MDh0LTEuNTg2LTMuODJxMC0xLjI4MSAwLjU2Mi0yLjQ4NHQxLjU0Ny0yLjA0N3ExLjIwMy0xLjAzMSAyLjg1Mi0xLjUzMXQzLjM5OC0wLjVoNi41MzFsLTIuMTU2IDEuMzc1aC0yLjA0N3ExLjE1NiAwLjk4NCAxLjc1IDIuMDc4dDAuNTk0IDIuNXEwIDEuMTI1LTAuMzgzIDIuMDIzdC0wLjkyMiAxLjQ1My0xLjA4NiAxLjAxNi0wLjkzIDAuOTYxLTAuMzgzIDEuMDMxek05LjIwMyAxMC45MzhxMC41OTQgMCAxLjIxOS0wLjI1OHQxLjAzMS0wLjY4cTAuODI4LTAuODkxIDAuODI4LTIuNDg0IDAtMC45MDYtMC4yNjYtMS45NTN0LTAuNzU4LTIuMDIzLTEuMzItMS42MTctMS44MjgtMC42NDFxLTAuNjU2IDAtMS4yODkgMC4zMDV0LTEuMDIzIDAuODJxLTAuNzM0IDAuOTIyLTAuNzM0IDIuNSAwIDAuNzE5IDAuMTU2IDEuNTIzdDAuNDkyIDEuNjA5IDAuODEyIDEuNDQ1IDEuMTcyIDEuMDQ3IDEuNTA4IDAuNDA2ek05LjIzNCAyNC41NzhxMC45MDYgMCAxLjc0Mi0wLjIwM3QxLjU0Ny0wLjYwOSAxLjE0MS0xLjE0MSAwLjQzLTEuNzAzcTAtMC4zOTEtMC4xMDktMC43NjZ0LTAuMjI3LTAuNjU2LTAuNDIyLTAuNjQ4LTAuNDYxLTAuNTQ3LTAuNjAyLTAuNTM5LTAuNTctMC40NTMtMC42NDgtMC40NjktMC41Ny0wLjQwNnEtMC4yNS0wLjAzMS0wLjc1LTAuMDMxLTAuODI4IDAtMS42NDEgMC4xMDl0LTEuNjggMC4zOTEtMS41MTYgMC43MTktMS4wNzAgMS4xNjQtMC40MjIgMS42NDhxMCAxLjA5NCAwLjU0NyAxLjkzdDEuNDMgMS4yOTcgMS44NTkgMC42ODggMS45OTIgMC4yMjd6TTIxLjg5MSAxMC44OTFoMy4zMjh2MS42ODdoLTMuMzI4djMuNDIyaC0xLjY0MXYtMy40MjJoLTMuMzEzdi0xLjY4N2gzLjMxM3YtMy4zOTFoMS42NDF2My4zOTF6Jz48L3BhdGg+PC9zdmc+");
}
.social-share_link--lj {
    background-color: #09C;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzIgMzInIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6c3ZnPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1vcGFjaXR5PScwJyBkPSdtMi4xMjQ5OTgsMTYuMjYyNDk3YzAsLTcuNzI3ODk1IDYuMjU5NiwtMTMuOTg3NDk2IDEzLjk4NzQ5NywtMTMuOTg3NDk2YzcuNzI3OSwwIDEzLjk4NzQ5OSw2LjI1OTYwMSAxMy45ODc0OTksMTMuOTg3NDk2YzAsNy43Mjc5IC02LjI1OTYsMTMuOTg3NDk5IC0xMy45ODc0OTksMTMuOTg3NDk5Yy03LjcyNzg5NywwIC0xMy45ODc0OTcsLTYuMjU5NiAtMTMuOTg3NDk3LC0xMy45ODc0OTl6JyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0nI2ZmZmZmZicvPjxwYXRoIGQ9J20xNC42NjIsMjEuOTk2MDAyYzEuNDAwMDAxLC0zLjI1MDk5OSAzLjk5OTAwMywtNS44NjEwMDIgNy4yMzgwMDIsLTcuMjgxMDAzbDAuMDAyMDAxLDBsLTExLjM2MTAwMywtMTEuMzQzOTk5bC0zLjA0MjUsLTMuMDgwNjljLTMuMjQyMDAxLDEuNDIgLTUuOTIzMzc5LDMuOTg2ODE5IC03LjMyMzM3LDcuMjM5ODIxbDguODA0MzcsOC43OTM4NzJsNS42ODI1LDUuNjcxOTk5eicgZmlsbD0nI2ZmZmZmZicvPjxwYXRoIGQ9J20yMi43MTQwMDMsMTguNTkwMDA0Yy0xLjg4MiwwLjgyMzk5OSAtMy4zODk5OTksMi4zNDI5OTkgLTQuMjA1LDQuMjI4OTk4bDUuMzA2LDEuMDk3bC0xLjEwMSwtNS4zMjU5OTh6JyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+");
}
.social-share_link--ok {
    background-color: #f2720c;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAyMCAyOCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEwIDE0LjE3MnEtMi45MzggMC01LjAxNi0yLjA3OHQtMi4wNzgtNXEwLTIuOTM4IDIuMDc4LTUuMDE2dDUuMDE2LTIuMDc4IDUuMDE2IDIuMDc4IDIuMDc4IDUuMDE2cTAgMi45MjItMi4wNzggNXQtNS4wMTYgMi4wNzh6TTEwIDMuNTk0cS0xLjQzNyAwLTIuNDYxIDEuMDIzdC0xLjAyMyAyLjQ3N3EwIDEuNDM3IDEuMDIzIDIuNDYxdDIuNDYxIDEuMDIzIDIuNDYxLTEuMDIzIDEuMDIzLTIuNDYxcTAtMS40NTMtMS4wMjMtMi40Nzd0LTIuNDYxLTEuMDIzek0xOC4xNzIgMTUuMDMxcTAuMjAzIDAuNDIyIDAuMjM0IDAuNzczdC0wLjA3MCAwLjYzMy0wLjQxNCAwLjYwMi0wLjY2NCAwLjU3OC0wLjk2MSAwLjY0OHEtMS43OTcgMS4xNDEtNC45MjIgMS40NjlsMS4xNDEgMS4xMjUgNC4xNzIgNC4xNzJxMC40NjkgMC40ODQgMC40NjkgMS4xNTZ0LTAuNDY5IDEuMTQxbC0wLjE4NyAwLjIwM3EtMC40ODQgMC40NjktMS4xNTYgMC40Njl0LTEuMTU2LTAuNDY5cS0xLjA0Ny0xLjA2Mi00LjE3Mi00LjE4OGwtNC4xNzIgNC4xODhxLTAuNDg0IDAuNDY5LTEuMTU2IDAuNDY5dC0xLjE0MS0wLjQ2OWwtMC4xODctMC4yMDNxLTAuNDg0LTAuNDY5LTAuNDg0LTEuMTQxdDAuNDg0LTEuMTU2bDUuMjk3LTUuMjk3cS0zLjE3Mi0wLjMyOC00Ljk1My0xLjQ2OS0wLjYwOS0wLjM5MS0wLjk2MS0wLjY0OHQtMC42NjQtMC41NzgtMC40MTQtMC42MDItMC4wNzAtMC42MzMgMC4yMzQtMC43NzNxMC4xNTYtMC4zMTMgMC40MzgtMC41NDd0MC42NTYtMC4zNDQgMC44NzUgMC4wMzEgMS4wMTYgMC41NDdxMC4wNzggMC4wNjMgMC4yMzQgMC4xNzJ0MC42NzIgMC4zODMgMS4wNzggMC40NzcgMS40MzcgMC4zNzUgMS43NjYgMC4xNzJxMS40MjIgMCAyLjcxOS0wLjM5OHQxLjg3NS0wLjc4OWwwLjU5NC0wLjM5MXEwLjUxNi0wLjQwNiAxLjAxNi0wLjU0N3QwLjg3NS0wLjAzMSAwLjY1NiAwLjM0NCAwLjQzOCAwLjU0N3oiPjwvcGF0aD48L3N2Zz4=");
}
.social-share_link--mailru {
    background-color: #168de2;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtMzM4LjkzMjUsMjU0LjczMjczYy0yLjc1ODcsLTUzLjcyMTMgLTQyLjY0ODI1LC04Ni4wMzM1MiAtOTAuODE5MjYsLTg2LjAzMzUybC0xLjgxMzY0LDBjLTU1LjU4Nzg2LDAgLTg2LjQxMTM1LDQzLjcxMTkzIC04Ni40MTEzNSw5My4zNjk5NWMwLDU1LjU4OTYzIDM3LjI4OTcyLDkwLjcwODEzIDg2LjIwMTQ5LDkwLjcwODEzYzU0LjUxNDkxLDAgOTAuMzcwNDcsLTM5Ljk0MjQ3IDkyLjk2NDk1LC04Ny4xNzk0MWwtMC4xMjI1MywtMTAuODY1MTRsMC4wMDAzNywwbC0wLjAwMDAzLDB6bS05Mi4zNjI1MywtMTM0LjEyMDc1YzM3LjE0MTg2LDAgNzIuMDY4NTksMTYuNDE5IDk3LjcwNTA5LDQyLjEyODI0bDAsMC4wOTU4N2MwLC0xMi4zMzczNiA4LjMwNzA0LC0yMS42NDI1NiAxOS44MzQ0NCwtMjEuNjQyNTZsMi45MTkyMiwtMC4wMTk1NmMxOC4wMjgwNSwwIDIxLjc0MDkxLDE3LjA2NjY3IDIxLjc0MDkxLDIyLjQ2NTVsMC4wODE2MywxOTEuODcwNjFjLTEuMjc1MzMsMTIuNTY3MjYgMTIuOTY2OTUsMTkuMDU1MzMgMjAuODU4LDEwLjk4NzI3YzMwLjgxNDI3LC0zMS42NjI5MyA2Ny42Njc5NCwtMTYyLjc3NDk4IC0xOS4xNTM5LC0yMzguNzI0NDNjLTgwLjkxMzk3LC03MC44MjQ0MSAtMTg5LjQ4NTk2LC01OS4xNTg0IC0yNDcuMjI2NzUsLTE5LjM1NjQ3Yy02MS4zODc5NSw0Mi4zMzQ1MyAtMTAwLjY1ODkxLDEzNi4wNDM5NSAtNjIuNTA4MDksMjI0LjA1MTY0YzQxLjU5MzY0LDk1Ljk4NjQ1IDE2MC42MDM3NywxMjQuNjE2ODUgMjMxLjM0MDQzLDk2LjA1NTY2YzM1LjgxNzM1LC0xNC40NTU2NiA1Mi4zNTQ3NywzMy45NTgwNyAxNS4xNTY0Myw0OS43ODAzYy01Ni4yMDEyMywyMy45MzU5NyAtMjEyLjY1MDQ0LDIxLjUyMDI2IC0yODUuNzI4MjUsLTEwNS4wNzc4MmMtNDkuMzc3MDksLTg1LjQ3NTM0IC00Ni43NjA1OSwtMjM1Ljg3MjY4IDg0LjIwNTUyLC0zMTMuNzg5MDVjMTAwLjE3NzI2LC01OS42MjU0NiAyMzIuMjYzNywtNDMuMTIyNjMgMzExLjkwNzg0LDQwLjA1Mzg1YzgzLjI1MTE5LDg2Ljk1MzA2IDc4LjM4NzE4LDI0OS43ODgyNCAtMi44MDQxNCwzMTMuMDg0NjNjLTM2Ljc5MzU1LDI4Ljc2NTM4IC05MS40NDMzOSwwLjc4MDgyIC05MS4wOTg2LC00MS4xMjg1MWwtMC4zNzQwOCwtMTMuNzAwMzVjLTI1LjYxODA0LDI1LjQxOTMxIC01OS43MTQ3OCw0MC4yNTA4NSAtOTYuODU2NTgsNDAuMjUwODVjLTczLjM4NDIzLDAgLTEzNy45NTc3MSwtNjQuNTUzNDQgLTEzNy45NTc3MSwtMTM3Ljk1MDQ0YzAsLTc0LjEwMjk3IDY0LjU3MzQ4LC0xMzkuNDM1NjIgMTM3Ljk1NzcxLC0xMzkuNDM1NjJsMCwwIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+");
}
.social-share_link--ldin {
    background-color: #007bb5;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAyNCAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTUuNDUzIDkuNzY2djE1LjQ4NGgtNS4xNTZ2LTE1LjQ4NGg1LjE1NnpNNS43ODEgNC45ODRxMC4wMTYgMS4xNDEtMC43ODkgMS45MDZ0LTIuMTE3IDAuNzY2aC0wLjAzMXEtMS4yODEgMC0yLjA2My0wLjc2NnQtMC43ODEtMS45MDZxMC0xLjE1NiAwLjgwNS0xLjkxNHQyLjEwMi0wLjc1OCAyLjA3OCAwLjc1OCAwLjc5NyAxLjkxNHpNMjQgMTYuMzc1djguODc1aC01LjE0MXYtOC4yODFxMC0xLjY0MS0wLjYzMy0yLjU3dC0xLjk3Ny0wLjkzcS0wLjk4NCAwLTEuNjQ4IDAuNTM5dC0wLjk5MiAxLjMzNnEtMC4xNzIgMC40NjktMC4xNzIgMS4yNjZ2OC42NDFoLTUuMTQxcTAuMDMxLTYuMjM0IDAuMDMxLTEwLjEwOXQtMC4wMTYtNC42MjVsLTAuMDE2LTAuNzVoNS4xNDF2Mi4yNWgtMC4wMzFxMC4zMTMtMC41IDAuNjQxLTAuODc1dDAuODgzLTAuODEyIDEuMzU5LTAuNjggMS43ODktMC4yNDJxMi42NzIgMCA0LjI5NyAxLjc3M3QxLjYyNSA1LjE5NXonPjwvcGF0aD48L3N2Zz4=");
}
.social-share_link--pint {
    background-color: #cb2027;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAyMCAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTAgOS4zMjhxMC0xLjY4NyAwLjU4Ni0zLjE4dDEuNjE3LTIuNjAyIDIuMzc1LTEuOTIyIDIuODkxLTEuMjE5IDMuMTU2LTAuNDA2cTIuNDY5IDAgNC41OTQgMS4wMzl0My40NTMgMy4wMjMgMS4zMjggNC40ODRxMCAxLjUtMC4yOTcgMi45Mzh0LTAuOTM4IDIuNzY2LTEuNTYzIDIuMzM2LTIuMjY2IDEuNjA5LTIuOTUzIDAuNjAycS0xLjA2MiAwLTIuMTA5LTAuNXQtMS41LTEuMzc1cS0wLjE1NiAwLjYwOS0wLjQzOCAxLjc1OHQtMC4zNjcgMS40ODQtMC4zMiAxLjEwOS0wLjQwNiAxLjEwOS0wLjUgMC45NzctMC43MTkgMS4yMTEtMC45NjkgMS4zNTJsLTAuMjE5IDAuMDc4LTAuMTQxLTAuMTU2cS0wLjIzNC0yLjQ1My0wLjIzNC0yLjkzOCAwLTEuNDM3IDAuMzM2LTMuMjI3dDEuMDM5LTQuNDkyIDAuODEyLTMuMTcycS0wLjUtMS4wMTYtMC41LTIuNjQxIDAtMS4yOTcgMC44MTItMi40Mzh0Mi4wNjMtMS4xNDFxMC45NTMgMCAxLjQ4NCAwLjYzM3QwLjUzMSAxLjYwMnEwIDEuMDMxLTAuNjg4IDIuOTg0dC0wLjY4OCAyLjkyMnEwIDAuOTg0IDAuNzAzIDEuNjMzdDEuNzAzIDAuNjQ4cTAuODU5IDAgMS41OTQtMC4zOTF0MS4yMjctMS4wNjIgMC44NzUtMS40ODQgMC41OTQtMS43MjcgMC4zMTMtMS43MzQgMC4xMDItMS41NTVxMC0yLjcwMy0xLjcxMS00LjIxMXQtNC40NjEtMS41MDhxLTMuMTI1IDAtNS4yMTkgMi4wMjN0LTIuMDk0IDUuMTMzcTAgMC42ODggMC4xOTUgMS4zMjh0MC40MjIgMS4wMTYgMC40MjIgMC43MTEgMC4xOTUgMC40NzdxMCAwLjQzOC0wLjIzNCAxLjE0MXQtMC41NzggMC43MDNxLTAuMDMxIDAtMC4yNjYtMC4wNDctMC43OTctMC4yMzQtMS40MTQtMC44NzV0LTAuOTUzLTEuNDc3LTAuNTA4LTEuNjg3LTAuMTcyLTEuNjY0eic+PC9wYXRoPjwvc3ZnPg==");
}
.social-share_link--pocket {
    background-color: #ee4056;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHZpZXdCb3g9JzAgMCAyNyAyOCc+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTI0LjQ1MyAycTEuMDE2IDAgMS43MTkgMC43MTF0MC43MDMgMS43Mjd2OC4xMDlxMCAyLjc1LTEuMDYyIDUuMjV0LTIuODUyIDQuMjk3LTQuMjgxIDIuODUyLTUuMjI3IDEuMDU1cS0yLjc1IDAtNS4yNDItMS4wNTV0LTQuMjg5LTIuODUyLTIuODU5LTQuMjk3LTEuMDYyLTUuMjV2LTguMTA5cTAtMSAwLjcxOS0xLjcxOXQxLjcxOS0wLjcxOWgyMi4wMTZ6TTEzLjQ1MyAxOC42MjVxMC43MzQgMCAxLjI4MS0wLjUxNmw2LjMxMi02LjA2MnEwLjU3OC0wLjU0NyAwLjU3OC0xLjMyOCAwLTAuNzY2LTAuNTM5LTEuMzA1dC0xLjMwNS0wLjUzOXEtMC43MzQgMC0xLjI4MSAwLjUxNmwtNS4wNDcgNC44NDQtNS4wNDctNC44NDRxLTAuNTQ3LTAuNTE2LTEuMjY2LTAuNTE2LTAuNzY2IDAtMS4zMDUgMC41Mzl0LTAuNTM5IDEuMzA1cTAgMC43OTcgMC41NjIgMS4zMjhsNi4zMjggNi4wNjJxMC41MTYgMC41MTYgMS4yNjYgMC41MTZ6Jz48L3BhdGg+PC9zdmc+");
}
.social-share-portfolio
{
    position: relative;
    width: 100%;
    margin: 15px 0 0px 0px;
}

/*loader*/

.loader-container{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.50);
    z-index: 9999999;
}
.loader-div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #fff;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
.show_portfolio_btn
{
    margin: 35px 0 0 0;
}

/*loader*/

.gallery_product img
{
    /*width: 100%;*/
    max–width: 100%;
    padding–top: 20px;
    /*display: inline–block;*/
    margin: auto;
}

/*video Guide*/
.scrollbar_video
{
    float: left;
    height: 491px;
    width: 100%;
    /*background: #F5F5F5;*/
    overflow-y: scroll;
    margin-bottom: 25px;
    overflow-x: hidden;
}
.card__details_error .error_text
{
    color: #f12f2f;
}

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    /*height: 100vh;*/
    width: 100%;
    height: 400px;
}
.fade-carousel .carousel-inner .item {
    /*height: 100vh;*/
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    /*background-color: #080d15;*/
    background: linear-gradient(0deg, rgba(45,62,80,0.5550595238095238) 0%, rgba(134,188,66,0.47102591036414565) 100%);
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    width: 100%;
    height: 400px;
    /*height: 100vh;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818);
}
.fade-carousel .slides .slide-2 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
    background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }
}

.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
p {
    font-weight: 300;
    font-size: 14px;
}
/*.section-title p {*/
    /*font-size: 24px;*/
    /*font-family: Oleo Script;*/
    /*margin-bottom: 0px;*/
    /*padding: 41px 0 0 0px;*/
    /*color: #86bc42;*/
/*}*/
.section-title h4 {
    font-size: 20px;
    text-transform: capitalize;
    color: #2d3e50;
    position: relative;
    display: inline-block;
    padding: 25px;
}
.section-title h4::before {
    width: 80px;
    height: 1.5px;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
}
.section-title h4::before, .section-title h4::after {
    position: absolute;
    content: "";
    background-color: #86bc42;
}
.section-title h4::after {
    width: 40px;
    height: 1.5px;
    bottom: -5px;
    left: 50%;
    margin-left: -20px;
}
.single_service.service_right {
    padding-right: 70px;
    padding-left: 0;
    text-align: right;
}
.single_service.service_right img {
    right: 0;
    left: auto;
    margin-top: 0;
}
.single_service:nth-child(1), .single_service:nth-child(2) {
    border-bottom: 1px dashed #333;
    padding-bottom: 15px;
}
.single_service img {
    max-width: 45px;
    position: absolute;
    left: 0;
    top: 0;
}
.single_service {
    position: relative;
    padding-left: 70px;
    margin-bottom: 35px;
}
/*.single_mid img*/
/*{*/
    /*padding: 50px 0 50px 0;*/
    /*width: 60% !important;*/
/*}*/




/*Service Time Line*/

.timeline {
    position: relative;
    padding:4px 0 0 0;
    margin-top:22px;
    list-style: none;
}

.timeline>li:nth-child(even) {
    position: relative;
    /*margin-bottom: 50px;*/
    height: 142px;
    right: -45px;
    top: -23px;
}

.timeline>li:nth-child(odd) {
    position: relative;
    /*margin-bottom: 50px;*/
    height: 180px;
    left:-100px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
    min-height: 170px;
}

.timeline > li .timeline-panel {
    position: relative;
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 3;
    position: absolute;
    left: 55%;
    border: 7px solid #86bc42;
    border-radius: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 5px #86bc42;
    width: 100px;
    height: 100px;
    margin-left: -100px;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top:22px;
    margin-bottom: 4px;
    padding:0;
    color: #b3b3b3;
}

.timeline .timeline-heading h4.subheading {
    padding-bottom: 10px;
    margin: 0;
    text-transform: none;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}


.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
    color:#808080;
}
/*Style for even div.line*/
.timeline>li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 470px;
    width: 4px;
    height: 150px;
    background-color: #2d3e50;
    -ms-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    box-shadow: 0 0 5px #2d3e50;
    z-index: 1;
}
/*Style for odd div.line*/
.timeline>li:nth-child(even) .line:before  {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 315px;
    width: 4px;
    height: 150px;
    background-color: #2d3e50;
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
    box-shadow: 0 0 5px #2d3e50;
    z-index: 1;
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0px;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        left: 690px;
        margin-left: 0px;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 76%;
        padding: 0 0 20px 0px;
        text-align: left;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: right;
    }
    .timeline > li .line {
        display: none;
    }
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0px;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        left: 520px;
        margin-left: 0px;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: left;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px 0px;
        text-align: right;
    }
    .timeline > li .line {
        display: none;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 767px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0px;
        min-height: 0px;
        right: 0px;
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0px;
        min-height: 0px;
        left: 0px;
    }
    .timeline>li .timeline-image {
        position: static;
        width: 150px;
        height: 150px;
        margin-bottom:0px;
    }
    .timeline>li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0;
    }
    .timeline>li:nth-child(odd) .timeline-image {
        float:right;
        left: 0px;
        margin-left:0;
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 100%;
        padding: 0 0 20px 14px;
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 100%;
        padding: 0 14px 20px 0px;
    }
    .timeline > li .line {
        display: none;
    }

}


#main_banner_wrapper{
    position: relative;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}

.layer{
    position:absolute;
    width:100vw;
    min-height: 55vw;
    overflow: hidden;
}

.layer .content-wrap{
    position: absolute;
    width:100vw;
    min-height: 55vw;
}

.layer .content-body{
    width: 25%;
    position:absolute;
    /*   top:50%; */
    top: 25%;
    text-align: center;
    transform:translateY(-50%);
    color:#fff;
}

.layer img{
    position:absolute;
    width:50%;
    /*width: 35%    */
    top:25%;
    left:50%;
    transform:translate(-50%, -50%);
}

.layer h1 {
    font-size:2em;
    font-family: 'Lato', sans-serif;
}

.bottom{
    background: linear-gradient(0deg, rgba(45,62,80,0.5550595238095238) 0%, rgba(134,188,66,0.47102591036414565) 100%);
    z-index:1;
}

.bottom .content-body{
    right:5%;
}

/*.bottom h1{*/
    /*color:#7bbe9a;*/
    /*font-family: 'Lato', sans-serif;*/
/*}*/

.top{
    background:#eff0ec;
    color:#222;
    z-index:2;
    width:50vw;
}

.top .content-body{
    left:5%;
    color:#333;
}

.handle{
    position: absolute;
    height: 100%;
    display: block;
    background-color: #86bc42;
    width: 5px;
    top:0;
    left: 50%;
    z-index:3;
}

.skewed .handle{
    top:104%;
    /*transform:rotate(30deg) translateY(-50%);*/
    height:200%;
    transform-origin:top;
}

.skewed .top{
    transform: skew(-30deg);
    margin-left:-1000px;
    width: calc(50vw + 1000px);
}

.skewed .top .content-wrap{
    transform: skew(30deg);
    margin-left:1000px;
}

@media(max-width:768px){
    body{
        font-size:75%;
    }
}

.home_quotation_btn
{
    margin: 0 0 35px 0;
}

.subject-detail-card
{
    border:1px solid #225579;
    border-radius:10px;
    padding:20px 45px;
    margin: 75px 0px 45px 0px;
}
.subject-cover-image{padding:25px;}
.subject-discription{font-size:14px; color:#666666; line-height:24px; text-align:justify;}
.main-content{margin-top:50px;}

.orange-circle-button {
    border: .5em solid #86bc42;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    background-color: #2d3e50;
    margin: auto;
    border-radius: 50%;
    height: 200px;
    width: 200px;
    position: relative;
    font-weight: bold;
    position: absolute;
    bottom: -102px;
    right: -26px;
}
.orange-circle-button:hover {
    color:#ffffff;
    background-color: #2F6687;
    text-decoration: none;
    border-color: #498FA9;
    transition: all 1s ease 0s;
    outline:none;

}
.orange-circle-button:visited, .orange-circle-button:focused {
    color:#ffffff;
    background-color: #e84d0e;
    text-decoration: none;
    outline:none;

}
.orange-circle-link-greater-than {
    font-size: 1em;
    outline:none;
}
.subject-discription h2
{
    color: #86bc42;
    padding: 10px;
    font-size: 24px;
}
.subject-discription p
{
    padding: 10px;
    font-size: 14px;
}

.subject-discription ul
{
    list-style-type: circle;
    padding: 10px;
}
.subject-detail-card h1
{
    padding: 5px;
    font-size: 26px;
    color: #2d3e50;
}

.timeline-image img
{
    background: white;
    position: absolute;
    left: 25%;
    top: 21%;
    width: 50%;
}
.payment_method_name h2
{
    font-size: 15px;
    color: #2d3e50;
    /*padding: 0px 0 30px 0;*/
    font-weight: bold;
}
.payment_method_name .payoneer_image
{
    width: 50%;
    margin: 30px 0 30px 0px;
    padding: 20px;
}
.payment_method_name .payment_image
{
    width: 20%;
    padding: 10px;
    margin: 30px 0 30px 0px;
}

.single-teacher-text a
{
    font-size: 16px;
}
.single-teacher-text h4
{
    font-size: 12px;
}



.payment_method_mobile_main
{
    width:100%;
    height:auto;
    border-bottom:5px #323233 solid;
    background:#fff;
    text-align:center;
    border-radius:10px;
    overflow:hidden;
    position:relative;
    transition:0.5s;
    margin-bottom:28px;
}


.payment_method_mobile_main img
{
    border-radius: 50%;
    margin-bottom: 20px;
    width: 10%;
    border: 4px solid #86bc42;
}

.payment_method_mobile_main h3
{
    font-size:20px;
    font-weight:700;
}

.payment_method_mobile_main p
{
    margin-bottom:0;
}

.team-back
{
    width:100%;
    height:auto;
    position:absolute;
    top:0;
    left:0;
    padding:5px 15px 0 15px;
    text-align:left;
    background:#fff;

}

.team-front
{
    width:100%;
    height:auto;
    position:relative;
    z-index:10;
    background:#fff;
    padding:15px;
    bottom:0px;
    transition: all 0.5s ease;
}

.payment_method_mobile_main:hover .team-front
{
    bottom:-200px;
    transition: all 0.5s ease;
}

.payment_method_mobile_main:hover
{
    border-color:#777;
    transition:0.5s;
}

/*our-team-main*/
#service_description
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.home_page_text
{
    padding-bottom: 50px;
}
.home_page_text h1
{
    font-size: 24px;
    padding: 30px 0 30px 0;
    color: #86bc42;
}

.home_page_text p
{
    color: #000000;
    /*font-family: "Raleway";*/
    font-weight: 400;
}
.contact_service_btn
{
    background: #86bc42;
    border-bottom: 4px solid #2d3e4f;
    color: #fff;
}
.contact_service_btn:hover
{
    color: #fff;
    background-color: #2d3e4f;
    border-color: #86bc42;
}



/*Mobile and desktop view*/

@media(max-width:767px){
    .hidden-mobile{
        display:none;
    }
    .privacy_hidden_mobile
    {
        display:none;
    }
    .subject-detail-card
    {
        padding: 20px 8px;
    }
}
@media(min-width:768px){
    .hidden-desktop{
        display:none;
    }
}

.job_short_desc h1
{
    font-size: 20px;
    padding: 25px 0 15px 25px;
    color: #2d3e50;
}
.job_short_desc p
{
    font-size: 14px;
    padding: 0 0 5px 25px;
    color: #2d3e50;
    line-height: 26px;
}
.job_short_des_right a i
{
    font-size: 30px;
    margin: 17px 25px 0 0;
    position: relative;
    top: 8px;
}

/*Social*/
.share-group {
    float: right;
    margin: 18px 25px 0 0;
}

.btn-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.mobile-social-share ul {
    float: right;
    list-style: none outside none;
    margin: 0;
    min-width: 61px;
    padding: 0;
}

.share {
    min-width: 17px;
}

.mobile-social-share li {
    display: block;
    font-size: 18px;
    list-style: none outside none;
    margin-bottom: 3px;
    margin-left: 4px;
    margin-top: 3px;
}

.btn-share {
    background-color: #BEBEBE;
    border-color: #CCCCCC;
    color: #333333;
}

.btn-twitter {
    background-color: #3399CC !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-google {
    background-color: #DD3F34 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-linkedin {
    background-color: #1884BB !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-pinterest {
    background-color: #CC1E2D !important;
    width: 51px;
    color:#FFFFFF!important;
}

.btn-mail {
    background-color: #FFC90E !important;
    width: 51px;
    color:#FFFFFF!important;
}

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

#socialShare {
    max-width:59px;
    /*margin-bottom:18px;*/
    max-width: 59px;
    margin: 0 20px 11px 0;
}

#socialShare > a{
    padding: 6px 10px 6px 10px;
}

@media (max-width : 320px) {
    #socialHolder{
        padding-left:5px;
        padding-right:5px;
    }

    .mobile-social-share h3 {
        margin-left: 0;
        margin-right: 0;
    }

    #socialShare{
        margin-left:5px;
        margin-right:5px;
    }

    .mobile-social-share h3 {
        font-size: 15px;
    }
}

@media (max-width : 238px) {
    .mobile-social-share h3 {
        font-size: 12px;
    }
}

.job_card
{
    margin-top: 15px;
}
.social_dropdown
{
    min-width: 0px !important;
    padding: 10px;
}
.social_dropdown li
{
    padding-bottom: 5px;
}
.rigth_side_job_result
{
    margin-top: 50px;
}
.rigth_side_job_result p
{
    margin: 0;
}
.rigth_side_job_result strong
{
    font-weight:bold;
}
.scrollbar
{
    /* margin-left: 30px; */
    float: left;
    height: 500;
    /* width: 65px; */
    /*background: #F5F5F5;*/
    overflow-y: scroll;
    margin-bottom: 25px;
}
/*
 *  STYLE 4
 */

#style-4::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
}