/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,light,Semibold,bold,300,600,700,800);*/
body{margin:0px; padding:0px; background-color: #000; font-size:14px; color:#838383; font-family: 'Open Sans' , sans-serif; }
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#container{width:100%;}
.full_width{width:100%;}
.page_width{width:1140px; text-align:left;}
.left{float:left;}
.right{float:right;}
.left_side{float:left;}
.right_side{float:right;}
.col{float:left;}
.clearfix{clear:both;}
a img{border:0px;}
img{max-width:100%;}
a{ text-decoration:none;}
.hide{ display:none;}

.wd_100{ width:100%;}
.wd_95{ width:95%;}
.wd_90{ width:90%;}
.wd_85{ width:85%;}
.wd_80{ width:80%;}
.wd_75{ width:75%;}
.wd_70{ width:70%;}
.wd_65{ width:65%;}
.wd_60{ width:60%;}
.wd_55{ width:55%;}
.wd_50{ width:50%;}
.wd_45{ width:45%;}
.wd_40{ width:40%;}
.wd_35{ width:35%;}
.wd_30{ width:30%;}
.wd_25{ width:25%;}
.wd_20{ width:20%;}
.wd_15{ width:15%;}
.wd_10{ width:10%;}

.txt_align_left{ text-align:left;}
.txt_align_center{ text-align:center;}
.txt_align_right{ text-align:right;}
.position_relative{ position:relative;}
p{ font-size:15px; color:#000; text-align:left; font-weight:400; line-height:150%; margin-bottom:10px;}
h1{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h2{ font-size:28px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h3{ font-size:22px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
h4{ font-size:20px; color:#000; text-align:left; font-weight:normal; margin-bottom:15px;}
a{ color:#B70000;}


.gerenric-padding{padding: 70px 0px;}
.gerenric-heading{width: 100%; margin-bottom: 40px; position: relative; min-height: 140px;}
.gerenric-heading h1{width: 100%; z-index: -1; margin-bottom: 0px; top: 10px; text-align: center; color: #1A1A1A; font-size: 90px; position: absolute; font-weight: 900;}
.gerenric-heading h2{width: 100%; z-index: -1; margin-bottom: 0px; top: 10px; text-align: center; color: #1A1A1A; font-size: 90px; position: absolute; font-weight: 900;}
.gerenric-heading h3{width: 100%;  color: #fff; margin-bottom: 30px; text-align: center; font-size: 50px; font-weight: 900;}
.gerenric-heading h3 span{ color:#FFBD39;}
.gerenric-heading p{width: 80% !important; margin: auto; color: #999999; font-size:14px; text-align: center;}
.gerenric-button{min-width: 230px; height: 55px; font-weight: 600; padding: 5px 25px; border-radius: 100px; background-color:  #FFBD39; cursor: pointer; border: 0px; font-size: 16px; color: #000; display: inline-flex; justify-content: center; align-items: center; }
.gerenric-button:hover{ background-color:  #e09909;}
.gerenric-button.mt-30{margin-top: 30px;}
.gerenric-input{width: 100%; height: 55px; background-color: #fff; border: 1px solid #BBBBBB; font-size: 16px; padding: 10px 20px;}
.gerenric-input:focus{outline: none;}
.gerenric-input.gerenric-textarea{height: 142px;}


/*HEADER_SECTION_START*/
.menu_icon {display: none;}
#header_section{width: 100%; min-height: 100px;background-color:#000;box-shadow: 0px 3px 4px rgba(0,0,0,0.10); position: relative; justify-content: center; -webkit-transition: all 0.3s;transition: all 0.3s; z-index: 99999;display: flex; top: 0px; align-items: center;padding:20px 0px 20px 0px;}
#header_section.headersticky{padding: 10px 0px 10px 0px;min-height: 80px; box-shadow: 0px 3px 4px rgba(0,0,0,0.10);z-index: 99999; position: fixed; background-color: #000; }
#header_section .headerinner{width: 100%; display: flex; align-items: center;position: relative;}
#logo{width: 160px; font-size: 20px;  display: flex; align-items: center; font-weight: bold;position: absolute; left: 0px; z-index: 9999;}
#logo a{color: #fff;}
#navigation_section{ width: 100%; position: relative; text-align: center; padding-left:120px; z-index: 2;}
#navigation_section ul{display: flex; align-items: center; justify-content: right;}
#navigation_section ul li{list-style-type: none; text-transform: uppercase; position: relative;padding: 0px 22px;  display: inline-flex;font-weight: 400; font-size: 14px; color: #fff;}
#navigation_section ul li a{color: #fff; position: relative;}
#navigation_section ul li .gerenric_button{ border-radius: 100px;}
#navigation_section ul li a:hover{ color:#FFBD39;}
#navigation_section ul li a:hover::after{width: 100%; height: 5px; background-color: #FFBD39; position: absolute; left: 0px; bottom: -15px; content: '';}
/*HEADER_SECTION_END*/

/*BANNER_SECTION_START*/
#banner-section{width: 100%;}
#banner-section.gerenric-padding{padding: 70px 0px 10px 0px;}
#banner-section .banner-inner{width: 100%; display: flex; flex-wrap: wrap;}
#banner-section .banner-detail{width: 50%; padding-right: 50px;}
#banner-section h1{width: 100%;  color: #fff; line-height: 130%; margin-bottom: 0px; text-align: left; font-size: 60px; font-weight: 900;}
#banner-section h1 span{ color:#FFBD39;}
#banner-section .banner-image{width: 50%; }
/*BANNER_SECTION_END*/

/*CONTENT_SECTION_START*/
#content-section{width: 100%;}
.about-section{width: 100%;}
.about-section .about-inner{width: 80%; margin: auto; display: flex; flex-wrap: wrap;}
.about-section .about-image{width: 40%;}
.about-section .about-image img{width: 100%; height: 400px; object-fit: cover;}
.about-section .about-detail{width: 60%; padding-left:50px;}
.about-section .about-detail h1{font-size: 30px; color: #FFBD39; margin-bottom: 30px; font-weight: 700; }
.about-section .about-detail p{font-size: 16px; line-height:180%; color: #999999; margin-bottom: 0px; font-weight: 400; }
.resume-section{width: 100%;}
.resume-section .resume-inner{width: 100%; display: flex; flex-wrap: wrap;}
.resume-section .resume-col{width: 50%; padding: 15px;}
.resume-section .resume-col .resume-item{width: 100%; background-color: #1A1A1A; padding:30px 30px; border-radius:10px; }
.resume-section .resume-date{width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: 900; color: #FFBD39;}
.resume-section .resume-desination{width: 100%; margin-bottom: 10px; font-size: 28px; font-weight: 600; color: #fff;}
.resume-section .resume-text{width: 100%; margin-bottom: 30px; font-size: 15px; font-weight: 600; color: #8F8F8F;}
.resume-section p{width: 100%; margin-bottom: 0px; font-size: 15px;color: #8F8F8F;}
ul{font-size: 15px;padding-left: 15px;}
ul li{list-style-position: outside; list-style-type: disc;padding-bottom: 6px; padding-left: 8px;}
.services-section{width: 100%;}
.services-section .services-inner{width: 100%; display: flex; flex-wrap: wrap;}
.services-section .services-col{width: 33.333%; padding: 15px;}
.services-section .services-col .services-item{width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; background-color: #1A1A1A; padding:30px 30px; }
.services-section .services-col .services-item .services-item-inner{width: 100%;}
.services-section .services-col .services-icon{width: 100%;text-align: center; font-size: 40px; color: #FFBD39;  margin-bottom: 20px;}
.services-section .services-title{width: 100%; margin-bottom: 10px; position: relative; text-align: center; padding-bottom: 15px; font-size: 20px; font-weight:400; color: #fff;}
.services-section .services-title::after{width: 50px; height: 1px; content: ''; background-color:#FFBD39; position: absolute; bottom: 0px; left: 0%; right: 0%; margin: auto;}
.skills-section{width: 100%;}
.skills-section .skills-inner{width: 100%; display: flex; flex-wrap: wrap;}
.skills-section .skills-col{width: 50%; padding: 15px;}
.skills-section .skills-col .skills-item{width: 100%; }
.skills-section .skills-desination{width: 100%; margin-bottom: 10px; display: flex; justify-content: space-between; font-size: 20px; font-weight: 600; color: #fff;}
.skills-section .skills-percentage-bar{width: 100%; height: 12px;  background-color: #1A1A1A; border-radius:5px;}
.skills-section .skills-percentage-bar .skills-percentage-bar-inner{/*width: 80%;*/ height: 12px; border-radius: 5px; background-color:#FFBD39;}
.skills-section .skills-title{width: 100%;}
.our-project-section{width: 100%;}
.our-project-section .our-project-row{width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap;}
.our-project-section .project-image-sm{width:35%; padding-right: 20px;}
.our-project-section .project-image-big{width:65%; }
.our-project-section .our-project-row.our-project-row2 .project-image-sm{padding-right: 0px; padding-left: 20px;}
.our-project-section .our-project-row.our-project-row3 .project-image-sm{width: 33.333%;}
.our-project-section .our-project-row.our-project-row3 .project-image-sm:last-child{padding-right: 0px;}
.our-project-section .project-image-cnt{width: 100%; position: relative; cursor: pointer;height: 260px;}
.our-project-section .project-image-cnt img{width: 100%; height: 260px; object-position: top ; object-fit: cover;}
.our-project-section .project-image-overlay{width: 100%; height: 100%; display: none; justify-content: center; background-color: rgba(255,189,57,0.9); padding: 20px 30px; font-size: 20px; font-weight: 600; text-align: center; color: #fff; position: absolute; left: 0px; top: 0px;align-items: center;}
.our-project-section .project-image-cnt:hover .project-image-overlay{display: flex;}
.our-blog-section{width: 100%;}
.our-blog-section .our-blog-inner{width: 100%; display: flex; flex-wrap: wrap;}
.our-blog-section .our-blog-col{width: 33.333%; padding: 15px;}
.our-blog-section .our-blog-col .our-blog-item{width: 100%; cursor: pointer;}
.our-blog-section .our-blog-col .our-blog-image{width: 100%; height: 300px; margin-bottom: 20px;}
.our-blog-section .our-blog-col .our-blog-image img{width: 100%; height: 300px; object-fit: cover;}
.our-blog-section .our-blog-col .our-blog-detail{width: 100%;}
.our-blog-section .our-blog-col .our-blog-detail .our-blog-date{width: 100%; margin-bottom: 15px;font-size: 12px; font-weight: 500;  color: #FFBD39;}
.our-blog-section .our-blog-col .our-blog-detail .our-blog-title{width: 100%; margin-bottom: 20px;font-size: 25px; font-weight:700; color: #fff;}
.our-blog-section .our-blog-col .our-blog-detail p{width: 100%; margin-bottom: 0px;font-size: 16px; font-weight:500; color: #999999;}
.our-blog-section .our-blog-col .our-blog-item:hover .our-blog-title{ color: #FFBD39;}
.freelancing-section{width: 100%; background: url(../images/freelancing_bg.webp) center center no-repeat; background-size: cover;}
.freelancing-section .freelancing-inner{width: 100%; display: flex; flex-wrap: wrap;}
.freelancing-section .freelancing-col{width:25%; padding: 15px;}
.freelancing-section .freelancing-col .freelancing-item{width: 100%; cursor: pointer; height: 170px; display: flex; align-items: center; justify-content: center; background-color: #1A1A1A; padding:30px 30px; }
.freelancing-section .freelancing-col .freelancing-item .freelancing-item-inner{width: 100%;}
.freelancing-section .freelancing-col .freelancing-number{width: 100%;  color: #FFBD39;font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.freelancing-section .freelancing-title{width: 100%; margin-bottom: 10px; position: relative; text-align: center; padding-bottom: 15px; font-size: 20px; font-weight:400; color: #fff;}
.freelancing-section .freelancing-title::after{width: 50px; height: 1px; content: ''; background-color:#FFBD39; position: absolute; bottom: 0px; left: 0%; right: 0%; margin: auto;}
.freelancing-section .freelancing-col .freelancing-item:hover{ background-color:#FFBD39;}
.freelancing-section .freelancing-col .freelancing-item:hover .freelancing-number{color: #fff; }
.freelancing-section .freelancing-col .freelancing-item:hover .freelancing-title::after {background-color:#fff;}
.contact-section{width: 100%; }
.contact-section .contact-detail{width: 100%; margin-bottom: 60px; display: flex; flex-wrap: wrap;}
.contact-section .contact-detail .contact-col{width: 33.333%; text-align: center; padding: 15px;}
.contact-section .contact-detail .contact-icon{width: 100px; font-size: 30px; color: #fff; height: 100px; border-radius: 100px; margin: auto; margin-bottom: 20px; background-color: #1A1A1A; display: flex; align-items: center; justify-content: center;}
.contact-section .contact-detail .contact-title{font-size: 25px; font-weight: bold; color: #FFBD39; text-align: center; margin-bottom: 15px;}
.contact-section .contact-detail .contact-info{font-size: 16px; font-weight: 600; color: #fff; text-align: center;}
.contact-section .main-contact-form{width: 100%; margin-bottom: 40px; display: flex; flex-wrap: wrap;}
.contact-section  img.contact-image{width: 50%; object-fit: cover;}
.contact-section .contact-form{width: 50%; background-color: #fff; padding:50px 40px;}
.contact-section .contact-form .form-row{width: 100%; margin-bottom: 20px;}
.contact-section .contact-form .form-row .form-label{width: 100%; font-size: 20px; color: #fff; margin-bottom: 5px;}
/*CONTENT_SECTION_END*/

/*FOOTER_SECTION_START*/
#footer-section{width: 100%;}
#footer-section h3{font-size: 25px; font-weight: 700; color: #fff; margin-bottom: 20px;}
#footer-section ul li{list-style-type: none; font-size: 16px; font-weight: 400;color: #999999; margin-bottom: 10px;}
#footer-section ul li a{color: #999999;}
#footer-section ul li a:hover{color: #FFBD39;}
#footer-section .footer-top{width: 100%; padding: 30px 0px; display: flex; flex-wrap: wrap;}
#footer-section .footer-col{width: 23.333%; padding-left: 50px;}
#footer-section .footer-col:first-child{width:30%; padding-left: 0px;}
#footer-section .social-media a{margin-right:4px; width: 40px; color: #000; height: 40px; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; background-color:#999999 ; font-size: 18px;}
#footer-section .social-media a:hover{background-color: #FFBD39 !important; color: #000;}
#footer-section .footer-bottom{width: 100%; padding: 30px; text-align: center; font-size: 16px; font-weight: 400;color: #999999;}
/*FOOTER_SECTION_END*/