@font-face {
  font-family: 'AmericanTypewriter-Bold';font-weight: normal; font-style: normal;
  src: url('../fonts/AmericanTypewriter-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/AmericanTypewriter-Bold.woff') format('woff'), url('../fonts/AmericanTypewriter-Bold.ttf')  format('truetype'), url('../fonts/AmericanTypewriter-Bold.svg#AmericanTypewriter-Bold') format('svg');
}
@font-face {
  font-family: 'AvenirLTStd-Book';font-weight: normal; font-style: normal;
  src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Book.otf') format('opentype'),url('../fonts/AvenirLTStd-Book.woff') format('woff'), url('../fonts/AvenirLTStd-Book.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
}
@font-face {
  font-family: 'AvenirLTStd-Light';font-weight: normal; font-style: normal;
  src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light.otf') format('opentype'), url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
}
@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Medium.otf')  format('opentype'),url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirNextLTPro-Regular.otf')  format('opentype'),
       url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular.ttf')  format('truetype'), url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


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



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

html, body{font-family: 'Helvetica-Light'; color: #625D5A;}
a, a:hover, a:focus, a:active{text-decoration: none;}
input:focus, select:focus, button:focus{box-shadow: none !important; outline: none !important;}
ul{padding: 0; margin: 0;}
.row.vertical-middle{display: flex; -webkit-display: flex; -ms-display: flex; -moz-display: flex; -ms-flex-align: center; align-items: center; } 
.align-center{margin: 0 auto !important;}
p{font-size: 14px;}
img{width: auto; max-width: 100%;}

.container{max-width: 900px;}

/*--offcanvas-css--*/
#sidebar{opacity: 0;}
.sidebar-offcanvas-menu .sidebar-wrapper {position: relative; height: 100%; overflow: auto;}
#sidebar.sidebar-wrapperd-box{opacity: 1;}
.sidebar-offcanvas-menu .outer {height: 100%; background: #ffffff; overflow: auto; padding: 0 0 20px;}
.sidebar-offcanvas-menu .inner {padding: 10px;}
.sidebar-offcanvas-menu #sidebar {position: fixed; top: 0px; bottom: 0px; width: 300px; left: -300px;}
.sidebar-offcanvas-menu .sidebar-top-header:after{content: ''; display: table; width: 100%;}
.sidebar-offcanvas-menu .sidebar-top-header {background-color: #84407f; padding: 15px; border-bottom: rgba(177, 177, 177, 0.29) 1px solid;}
.sidebar-offcanvas-menu .sidebar-close-btn {text-align: right; float: right; padding:0;}
.sidebar-offcanvas-menu .sidebar-logo {float: left;}
.sidebar-offcanvas-menu .sidebar-logo a {color: #fff;font-size: 32px; line-height: 30px; margin: 0 auto;}
.sidebar-offcanvas-menu .sidebar-close-btn a {color: #fff; font-size: 30px; text-align: right; padding: 10px 0 0; cursor: pointer;}
.sidebar-offcanvas-menu ul.sidebar-menu, .sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {padding: 0; margin: 0;}
.sidebar-offcanvas-menu ul.sidebar-menu li {display: block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.sidebar-offcanvas-menu ul.sidebar-menu li a {color: #000000; display: block; text-transform: uppercase; padding: 10px 15px; font-size: 14px;}
ul.sidebar-menu > li {border-bottom: #ffffff4f 1px dashed;/*padding: 5px 0; margin-top: 10px;*/}
.sidebar-offcanvas-menu .inner {padding: 0;}
ul.sidebar-menu > li.sub-childli > a:after {content: "\f107"; font-family: FontAwesome; color: #FFF; position: absolute; right: 15px; font-size: 20px; line-height: 20px;}
ul.sidebar-menu > li a {position: relative;}
ul.sidebar-menu > li > ul {padding: 0; margin: 0; display: none;}
ul.sidebar-menu > li > ul > li a {text-transform: capitalize !important; padding-left: 35px !important; font-size: 14px !important;}
ul.sidebar-menu li.current-menu-item > a, ul.sidebar-menu li:hover > a {background-color: #000;color: #FFF;}
/*--offcanvas-css-end--*/

/*--header-css--*/
.mobile-menubtn {display: none; }
.mobile-logo{display: none;}
.right-loginboxin {text-align: right; }
.right-loginboxin ul li {display: inline-block; }
.right-loginboxin a {display: block; margin: 0 0 0 auto; color: #000; text-align: center; padding: 6px; transition: all .3s ease; -webkit-transition: all .3s ease; }
.right-loginboxin a:hover{background-color: #FFF; color: #006589;}
.logo-boxin {padding: 0; }
.logo-boxin a {display:block; font-size: 48px; color: #fff; line-height: 40px; }
.logo-boxin img{width: auto; max-width: 100%;}
.center-logo-menu span.menu-image-title {display: none; }
.btnmmenu span {width: 35px; height: 2px; background-color: #fff; display: block; margin: 6px 0; }
.btnmmenu {max-width: 37px; margin: 26px 0 0 auto; }
.main-navbarbox {padding: 10px 0; background: #84407f; }

.desktop-menuboxin {padding-top: 25px; }
.desktop-menuboxin ul li:hover > a {color: #164a70; }
.desktop-menuboxin ul li {position: relative; display: inline-block; padding: 0 10px; }
.desktop-menuboxin ul li a {display: block; padding: 5px 0px;font-size: 16px; color: #fff; transition: all .3s ease; text-transform: uppercase; -webkit-transition: all .3s ease; }
.desktop-menuboxin ul li a:hover{color: #fff; border-bottom: solid 1px #fff;}
.desktop-menuboxin ul li.active a{color: #fff; border-bottom: solid 1px #fff;}
.desktop-menuboxin ul li:hover > ul{display: block;}
/*--end--*/

/*.home-page{height: 100vh; overflow: hidden; }*/

/* -- Home sec 1 Css -- */
.home-sec-3{padding: 40px 0;}
.home-sec-3-left .home-sec-img img{border-radius: 50%; width: auto; max-width: 100%;}
.home-sec-3 h1{font-size: 70px; font-family: 'Helvetica-Light'; color: #625D5A; margin: 0; padding-bottom: 15px; }
.home-sec-3 h1 span{font-size: 42px; display: block; font-family: 'AvenirNextLTPro-Regular'; }
.home-sec-3 ul {list-style: none; display: table; width: 100%; padding-bottom: 20px;}
.home-sec-3 ul li{float: left; box-sizing: border-box; width: 33.3333%; padding: 0 10px 0 0; } 
.home-sec-3 ul li a {
    color: #fff; height: 150px; width: 150px; display: block; font-size: 14px; line-height: 150px;
    border-radius: 50%; text-align: center; vertical-align: middle; text-transform: uppercase; transition: all 1s ease;
}
.home-sec-3 ul li:nth-child(1) a{background-color: #84407f;}
.home-sec-3 ul li:nth-child(2) a{background-color: #09b594;}
.home-sec-3 ul li:nth-child(3) a{background-color: #09b594; }

.home-sec-3 ul li a:hover{opacity: .7}
.home-sec-3 p {font-size: 18px; }
/* -- End -- */

/*.home-page .footer-sec{position: fixed; bottom: 0;width: 100%;}*/

.footer-sec {background-color: #09b594;padding: 30px 0 25px;}
.ft-sec {display: flex; flex-direction: row; align-items: center; }
.ft-sec .footer-icon {
    width: 40px; height: 40px; color: #09b594; background: #fff; line-height: 40px;
    text-align: center; font-size: 21px; border-radius: 50%; margin-right: 15px; display: block;
}
.ft-sec h4 {margin: 0; color: #fff; font-size: 16px; padding-bottom: 5px; font-family: 'Helvetica-Light'; }
.ft-sec p {margin-bottom: 0;color: #fff;font-size: 13px;}
.ft-sec p a {color: #fff;}
.ft-sec ul li a{color: #fff;}

.resume-sec-1 {padding: 50px 0; }
.block-title h3{display: inline-block; margin: 0 0 20px; padding-bottom: 3px; font-family: 'Helvetica-Light'; }
.block-title h3:after{content: ''; display: block; width: 100%; height: 3px; margin-top: 1px; background-color: #09b594; }

.timeline-second-style .timeline-item {position: relative; display: table; table-layout: fixed; width: 100%; padding-bottom: 15px; }

.timeline-second-style .left-part {
    width: 30%; display: table-cell; padding-right: 25px; min-height: 100%; text-align: right; vertical-align: top;
}
.timeline-second-style .item-period {margin: 3px 0; font-size: 17px; line-height: 1.4em; font-family: 'Helvetica-Light'; }
.timeline-second-style .item-company {display: block; margin: 0 0 4px; font-size: 14px; line-height: 1.45em; text-transform: capitalize; }
.timeline-second-style .divider {
    position: absolute; top: 0; left: 30%; bottom: 0; width: 1px; background-color: #eee;
}
.timeline-second-style .divider:after {
    content: ''; display: block; margin-top: 7px; width: 11px; height: 11px;
    margin-left: -5px; border-radius: 5px; border: 2px solid #84407f; background-color: #fff;
}

.timeline-second-style .right-part {
    width: 70%; display: table-cell; padding-left: 25px; padding-right: 15px; vertical-align: top; 
}

.timeline-second-style .right-part p{font-size: 17px; }
.timeline-second-style .item-title {font-size: 16px; margin-bottom: 3px; }

.resume-right-sec h5{margin: 0; padding-bottom: 4px; text-transform: capitalize; }

.resume-right-sec .progress{height: 10px; margin-bottom: 10px;}
.resume-right-sec .progress-bar{background: #09b594;}
.resume-right-sec .progress-bar.progress-bar-success{background: #84407f;}
.download-resume {padding: 30px 0; }

.download-resume a {display: inline-block; padding: 10px; border: solid 2px #09b594; color: #09b594;
    font-weight: 600; text-shadow: none; text-transform: uppercase;
}
.download-resume a:hover{background-color: #ededed; color: #09b594; border-color: #ededed; }


.portfolio-sec-1{padding: 50px 0 25px; background: #f9f9f9;}
.portfolio-sec-1 .inner-col .portfolio-img{box-sizing: border-box; padding: 0 10px 30px;}

ul#lightgallery li{margin-bottom: 25px;}
ul#lightgallery li a{display: block;width: 100%; height: 330px;overflow: hidden;}
ul#lightgallery li a > img{width: 100%; height: 100%; object-fit: cover;}

.extra-sec-1{padding: 50px 0 30px;}
.portfolio-sec-1 .inner-col{column-count: 2; break-inside: avoid; }
.extra-sec-1 .extra-left h4{font-weight: 500; font-size: 17px; padding-bottom: 10px;}

.extra-sec-2{padding: 20px 0 50px;}
.extra-sec-2 ul li{list-style: none;
  float: left; width: 54%; font-size: 16px; text-transform: capitalize; padding-bottom: 8px;
}
.extra-sec-2 ul li:nth-child(even) {width: 40%; }


/* -- Contact Page Css -- */
.contact-sec-1{padding: 50px 0;}

.contact-sec-1 h2{font-size: 74px;font-family: 'Helvetica-Light';color: #09b594;margin: 0;padding-bottom: 115px;}
.contact-sec-1 h4{font-size: 24px;}
.contact-sec-1 ul a{font-size: 24px;color: #09b594;}

.contact-sec-1 button{background: #09b594;color: #fff;font-size: 18px;transition: all 1s ease;}
.contact-sec-1 button:hover{background-color: #ededed;color: #09b594;}


@media (max-width: 767px){
  .desktop-menubox{display: none;}
  .mobile-menubtn{display: block;}

  .footer-sec{padding: 30px 0 0;}
  .ft-sec {padding-bottom: 30px; }

  .home-sec-3 ul li{width: 50%;}
  .contact-sec-1 h2{padding-bottom: 20px;}
}

@media (max-width: 480px){
  .logo-boxin a{font-size: 40px;}
  .home-sec-3 h1 span{font-size: 36px;}
  .home-sec-3 p{font-size: 16px;}
  .home-sec-3 ul li a{width: 130px; height: 130px; line-height: 130px;}
}