#preloader:before {
        border-top: 6px solid #ff6307 !important;
    }
    
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .contact_me:hover {
        background-color:#ffffffeb;
        color:black;
        border: 1px solid black;
        border-radius:15px;
    }
    
    .hire_btn:hover {
        background-color:white;
        color:black;
        border: 1px solid black;
        border-radius:15px;
    }
    
    .item {
      border: none;
      margin-bottom: 30px;
    }
    
    .item .item-wrap {
      display: block;
      position: relative;
      overflow: hidden;
    }
    
    .item .item-wrap:after {
      z-index: 2;
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.4);
      visibility: hidden;
      opacity: 0;
      transition: 0.3s all ease-in-out;
    }
    
    .item .item-wrap img {
      transition: 0.3s transform ease;
      transform: scale(1);
    }

    .item .item-wrap>.work-info {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        z-index: 3;
        transform: translateY(-50%);
        color: #fff;
        opacity: 0;
        visibility: hidden;
        margin-top: 20px;
        transition: 0.3s all ease;
    }

    .item .item-wrap>.work-info h3 {
      font-size: 20px;
      margin-bottom: 0;
      color:white;
    }
    
    .item .item-wrap>.work-info span {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.2rem;
    }
    
    .item .item-wrap:hover {
      text-decoration: none;
      border-radius: 10px;
    }
    
    .item .item-wrap:hover img {
      transform: scale(1.05);
    }
    
    .item .item-wrap:hover:after {
      opacity: 1;
      visibility: visible;
    }
    
    .item .item-wrap:hover .work-info {
      margin-top: 0px;
      opacity: 1;
      visibility: visible;
    }

    .filters .active {
        color: white !important;
        background-color: #000000b5;
    }

    .service-box:hover .ico-circle {
        transition: all 500ms ease;
        color: #fff;
        background-color: #ff6307; /*#ff4007*/
        box-shadow: 0 0 0 10px #4e4e4e73;
    }
    .ico-circle{
        box-shadow: 0 0 0 10px #4e4e4e;
    }
    
    .line-mf {
        background-color: #ff6307; /*#ff4007*/
    }
    
    .modal_content {
        border-radius: 0;
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125);
        box-shadow: 0 2px 3px rgba(0,0,0,0.125);
        border: 0;
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
    }
    
    .btn_border {
        border: 1px solid black !important;    
    }
    
    .exp_enforced {
        background-color: #000000cf !important;
        color: white !important;
    }
    
    .nav-keys:hover {
        color:black;
        font-weight:bold;
    }
    
    .active {
        color:black;
        font-weight:bold;
    }
    
    .menu_item1 {
    	width:30px;
    	height:5px;
    	background-color:#4e4e4e;
    }
    
    .menu_item2 {
    	width:30px;
    	height:5px;
    	background-color:#4e4e4e;
    	margin-top:2px;
    }
    
    @media only screen and (max-device-width : 320px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1031px;
            margin-left: 30px;
            /*width: 245px;*/
            width: 268px;
            height: 309px;
        }
            
        .cover_base {
            height: 299px;
            width: 145px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 316deg;
            position: absolute;
            z-index: 12;
            margin-top: -565px;
            margin-left: 56px;
            border-top: 50px solid #f5f5f5;
            border-left: 50px solid #f5f5f5;
            border-bottom: 50px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 317.4deg;
            position: absolute;
            z-index: 12;
            margin-top: -430px;
            margin-left: 251px;
        }
    
        .mob_div {
            margin-left: 35px;
            margin-top: -10px;
            z-index: 12;
        }
        
        .main_spatial {
            margin-top:3em;
            margin-left: 29px;
            margin-right: 29px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .sm_card {
            top: 25.4em;
        }
        
        .sm_base {
            top: -41em;
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 15px;
        	padding-right: 15px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }

        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:block;
            z-index: 12;
        }
    
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:39px;
        	line-height:1em;
        	width:180px;
        }
        
        .base_desc {
        	font-size:11px;
        	margin-top:15px;
        	padding-left:5px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 11px;
        	padding-left: 25px;
        	padding-right: 25px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:6em;
            top: -1em;
            position: relative;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 16px;
            height: 33px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 16px;
            height: 33px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 16px;
            height: 33px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 16px;
            height: 33px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 16px;
            height: 33px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 200px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -80px;
        	left: -14px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:4em;
        	left:1em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:30px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:13px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    /*my device*/
    @media only screen and (min-device-width : 321px) and (max-device-width : 360px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1127px;
            margin-left: 74px;
            opacity: 1;
            width: 279px; /*263*/
            height: 350px;
        }
            
        .cover_base {
            height: 348px;
            width: 171px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 318.2deg;
            position: absolute;
            z-index: 12;
            opacity: 1;
            margin-top: -638px;
            margin-left: 91px;
            border-top: 50px solid #f5f5f5;
            border-left: 50px solid #f5f5f5;
            border-bottom: 50px solid #f5f5f5;
        }
        
        .extra_base {
            height: 50px;
            width: 65px;
            background-color: #f5f5f5;
            rotate: 318.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -449px;
            margin-left: 323px;
        }
        
        .mob_div {
            margin-left: 35px;
            margin-top: -10px;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 29px;
            margin-right: 29px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .sm_card {
            top: 33em;
        }
        
        .sm_base {
            top: -35.2em;
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 15px;
        	padding-right: 15px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:block;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:45px;
        	line-height:1em;
        	width: 200px;
        }
        
        .base_desc {
        	font-size:12px;
        	margin-top:15px;
        	padding-left:5px;
        	width: 280px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 12px;
        	padding-left: 25px;
        	padding-right: 25px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
            position: relative;
            top: -2em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 248px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -149px;
        	left: 28px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-4.5em;
        	left:4em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:30px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:13px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 361px) and (max-device-width : 375px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1087px;
            margin-left: 74px;
            opacity: 1;
            /*width: 263px;*/
            width: 289px;
            height: 350px;
        }
            
        .cover_base {
            height: 348px;
            width: 171px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 318.2deg;
            position: absolute;
            z-index: 12;
            opacity: 1;
            margin-top: -616px;
            margin-left: 91px;
            border-top: 50px solid #f5f5f5;
            border-left: 50px solid #f5f5f5;
            border-bottom: 50px solid #f5f5f5;
        }
        
        .extra_base {
            height: 50px;
            width: 65px;
            background-color: #f5f5f5;
            rotate: 318.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -429.3px;
            margin-left: 326px;
        }
        
        .mob_div {
            margin-left: 35px;
            margin-top: -10px;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 29px;
            margin-right: 29px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .sm_card {
            top: 33em;
        }
        
        .sm_base {
            top: -33.2em;
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 15px;
        	padding-right: 15px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:block;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:45px;
        	line-height:1em;
        	width: 200px;
        }
        
        .base_desc {
        	font-size:12px;
        	margin-top:15px;
        	padding-left:5px;
        	width: 280px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 12px;
        	padding-left: 25px;
        	padding-right: 25px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
            position: relative;
            top: -2em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding: 2px 15px 0 15px;
            font-size: 18px;
            height: 35px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 248px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -149px;
        	left: 28px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-4.5em;
        	left:4em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:30px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:13px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 376px) and (max-device-width : 680px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1079px;
            margin-left: 100px;
            opacity: 1;
            width: 292px; /*263*/
            height: 350px;
        }
            
        .cover_base {
            height: 349.5px;
            width: 171.5px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 318.2deg;
            position: absolute;
            z-index: 12;
            margin-top: -613px;
            margin-left: 111px;
            border-top: 50px solid #f5f5f5;
            border-left: 50px solid #f5f5f5;
            border-bottom: 50px solid #f5f5f5;
        }
        
        .extra_base {
            /*
            height: 50px;
            width: 78px;
            background-color: #f5f5f5;
            rotate: 317.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -425px;
            margin-left: 339.8px;*/
            
            height: 63px;
            width: 96px;
            background-color: #f5f5f5;
            rotate: 317.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -430px;
            margin-left: 337.8px;
        }
        
        .mob_div {
            margin-left: 35px;
            margin-top: -10px;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 29px;
            margin-right: 29px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .sm_card {
            top: 36em;
        }
        
        .sm_base {
            top: -35.6em;
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 15px;
        	padding-right: 15px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:block;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
            font-size: 53px;
            line-height: 1em;
            width: 260px;
        }
        
        .base_desc {
        	font-size: 12px;
            margin-top: 15px;
            padding-left: 5px;
            width: 294px;
        }
        
        .hire_btn {
        	background-color: #ff6307;
            color: white;
            border-radius: 15px;
            margin-top: 20px;
            font-size: 13px;
            padding-left: 25px;
            padding-right: 25px;
            font-weight: bold;
        }
        
        .langs {
        	margin-top:7em;
            top: -2em;
            position: relative;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 250px;
            width: 800px;
            background-color: #ff6307; /*#ff4007*/
            border-top-left-radius: 150px;
            border-bottom-left-radius: 150px;
            rotate: 317deg;
            position: relative;
            z-index: 10;
            top: -110px;
            left: 48px;
        }
        
        .exp_set {
        	background-color: #000000cf !important;
            color: white;
            border-radius: 8px;
            position: relative;
            top: -1.4em;
            left: 5em;
            padding: 0 15px 7px 15px;
            z-index: 20;
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 681px) and (max-device-width : 760px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1079px;
            margin-left: 100px;
            opacity: 1;
            width: 292px; /*263*/
            height: 350px;
        }
            
        .cover_base {
            height: 349.5px;
            width: 171.5px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 318.2deg;
            position: absolute;
            z-index: 12;
            margin-top: -613px;
            margin-left: 111px;
            border-top: 50px solid #f5f5f5;
            border-left: 50px solid #f5f5f5;
            border-bottom: 50px solid #f5f5f5;
        }
        
        .extra_base {
            /*
            height: 50px;
            width: 78px;
            background-color: #f5f5f5;
            rotate: 317.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -425px;
            margin-left: 339.8px;*/
            
            height: 63px;
            width: 96px;
            background-color: #f5f5f5;
            rotate: 317.7deg;
            position: absolute;
            z-index: 12;
            margin-top: -430px;
            margin-left: 337.8px;
        }
        
        .mob_div {
            margin-left: 35px;
            margin-top: -10px;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 29px;
            margin-right: 29px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .sm_card {
            top: 36em;
        }
        
        .sm_base {
            top: -35.6em;
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 15px;
        	padding-right: 15px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:block;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
            font-size: 53px;
            line-height: 1em;
            width: 260px;
        }
        
        .base_desc {
        	font-size: 12px;
            margin-top: 15px;
            padding-left: 5px;
            width: 294px;
        }
        
        .hire_btn {
        	background-color: #ff6307;
            color: white;
            border-radius: 15px;
            margin-top: 20px;
            font-size: 13px;
            padding-left: 25px;
            padding-right: 25px;
            font-weight: bold;
        }
        
        .langs {
        	margin-top:7em;
            top: -2em;
            position: relative;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding: 0 15px 0 15px;
            font-size: 20px;
            height: 35px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 250px;
            width: 800px;
            background-color: #ff6307; /*#ff4007*/
            border-top-left-radius: 150px;
            border-bottom-left-radius: 150px;
            rotate: 317deg;
            position: relative;
            z-index: 10;
            top: -110px;
            left: 48px;
        }
        
        .exp_set {
        	background-color: #000000cf !important;
            color: white;
            border-radius: 8px;
            position: relative;
            top: -1.4em;
            left: 5em;
            padding: 0 15px 7px 15px;
            z-index: 20;
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    /*my device landscape*/
    @media only screen and (min-device-width : 761px) and (max-device-width : 767px) {
        
        .spacer {
            margin-left:80px;
        }
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -1208px;
            margin-left: 284px;
            width: 299px;
            height: 371px;
        }
            
        .cover_base {
            height: 410px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            opacity: 1;
            margin-top: -693px;
            margin-left: 284px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 120px;
            background-color: #f5f5f5;
            rotate: 317.1deg;
            position: relative;
            z-index: 12;
            margin-top: -225px;
            margin-left: 552px;
        }
        
        .mob_div {
            /*display:none;*/
            margin-left:32px;
            margin-top:-10px;
        }
        
        .main_spatial {
            margin-top:11em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:inherit;
        }
        
        .contact_big {
            display:none;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:none;
        }
        
        .small_screen {
            display:inherit;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:37px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size: 10px;
            margin-top: 15px;
            padding-left: 5px;
            width: 200px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        	position: relative;
            top: -2em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
            height: 270px;
            width: 500px;
            background-color: #ff6307;
            border-top-left-radius: 150px;
            border-bottom-left-radius: 150px;
            rotate: 317deg;
            position: relative;
            z-index: 10;
            top: -411px;
            left: 275px;
        }
        
        .exp_set {
        	background-color: #000000cf !important;
            color: white;
            border-radius: 8px;
            position: relative;
            top: -45em;
            left: 24em;
            padding: 0 13px 7px 13px;
            z-index: 20;
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 768px) and (max-device-width : 900px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -433px;
            margin-left: 375px;
            width: 337px; /*330*/
            height: 400px;
        }
            
        .cover_base {
            height: 410px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            opacity: 1;
            margin-top: -292px;
            margin-left: 395px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 317.1deg;
            position: relative;
            z-index: 12;
            margin-top: -215.3px;
            margin-left: 662px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:45px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size: 11px;
            margin-top: 15px;
            padding-left: 5px;
            width: 200px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        	position: relative;
            top: -2em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
            width: 800px;
            background-color: #ff6307; /*#ff4007*/
            border-top-left-radius: 150px;
            border-bottom-left-radius: 150px; 
            rotate: 317deg;
            position: relative;
            z-index: 10;
            top: -111px;
            left: 52px;
        }
        
        .exp_set {
        	background-color: #000000cf !important;
            color: white;
            border-radius: 8px;
            position: relative;
            top: -13em; /*-4em*/
            left: 1em; /*4em*/
            padding: 0 13px 7px 13px;
            z-index: 20;
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 901px) and (max-device-width : 991px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -433px;
            margin-left: 375px;
            width: 337px; /*330*/
            height: 400px;
        }
            
        .cover_base {
            height: 410px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            opacity: 1;
            margin-top: -292px;
            margin-left: 395px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 317.1deg;
            position: relative;
            z-index: 12;
            margin-top: -215.3px;
            margin-left: 662px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:5em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:45px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size: 11px;
            margin-top: 15px;
            padding-left: 5px;
            width: 200px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        	position: relative;
            top: -2em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
            width: 800px;
            background-color: #ff6307; /*#ff4007*/
            border-top-left-radius: 150px;
            border-bottom-left-radius: 150px; 
            rotate: 317deg;
            position: relative;
            z-index: 10;
            top: -111px;
            left: 52px;
        }
        
        .exp_set {
        	background-color: #000000cf !important;
            color: white;
            border-radius: 8px;
            position: relative;
            top: -13em; /*-4em*/
            left: 1em; /*4em*/
            padding: 0 13px 7px 13px;
            z-index: 20;
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 992px) and (max-device-width : 1285px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -427px;
            margin-left: -20px;
            width: 360px;
            height: 450px;
        }
            
        .cover_base {
            height: 411px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            margin-top: -276.3px;
            margin-left: 487px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 73px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 316.7deg;
            position: relative;
            z-index: 12;
            margin-top: -219px;
            margin-left: 758px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:8em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:65px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size:13px;
        	margin-top:15px;
        	padding-left:5px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -80px;
        	left: -40px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-9em;
        	left:-6em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 1286px) and (max-device-width : 1364px) {
        
        .me_image {
            position: relative;
            z-index: 11;
            margin-top: -427px;
            margin-left: -20px;
            width: 360px;
            height: 450px;
        }
            
        .cover_base {
            height: 411px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            margin-top: -269.3px;
            margin-left: 403px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 316.7deg;
            position: relative;
            z-index: 12;
            margin-top: -219px;
            margin-left: 673px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:8em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:65px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size:13px;
        	margin-top:15px;
        	padding-left:5px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -80px;
        	left: -40px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-9em;
        	left:-6em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    /*my pc - 1366*/
    @media only screen and (min-device-width : 1365px) and (max-device-width : 1439px) {
        
        .me_image {
            position:relative;
            z-index:11;
            margin-top: -426px;
            margin-left: -20px;
            width: 360px;
            height: 450px;
        }
            
        .cover_base {
            height: 411px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            /*top: -269px;
            left: 478px;*/
            margin-top: -269px;
            margin-left: 478px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            /*
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 316.7deg;
            position: relative;
            z-index: 12;
            margin-top: -217px;
            margin-left: 746px;
            */
            
            height: 75px;
            width: 130px;
            background-color: #f5f5f5;
            rotate: 316.7deg;
            position: relative;
            z-index: 12;
            margin-top: -231px;
            margin-left: 747.5px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:8em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:70px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size:13px;
        	margin-top:15px;
        	padding-left:5px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -80px;
        	left: -40px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-9em;
        	left:-6em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }
    
    @media only screen and (min-device-width : 1440px) {
        
        .me_image {
            position:relative;
            z-index:11;
            margin-top: -426px;
            margin-left: -20px;
            width: 360px;
            height: 450px;
        }
            
        .cover_base {
            height: 411px;
            width: 200px;
            background-color: transparent;
            border-top-left-radius: 200px;
            border-bottom-left-radius: 200px;
            rotate: 315deg;
            position: relative;
            z-index: 12;
            margin-top: -271px;
            opacity: 1;
            margin-left: 553px;
            border-top: 70px solid #f5f5f5;
            border-left: 70px solid #f5f5f5;
            border-bottom: 70px solid #f5f5f5;
        }
        
        .extra_base {
            height: 70px;
            width: 102px;
            background-color: #f5f5f5;
            rotate: 316.7deg;
            position: relative;
            z-index: 12;
            margin-top: -222px;
            margin-left: 827px;
        }
        
        .mob_div {
            display:none;
        }
        
        .main_spatial {
            margin-top:8em;
            margin-left: 53px;
            margin-right: 53px;
        }
        
        .contact_sm {
            display:none;
        }
        
        .contact_big {
            display:inherit;    
        }
        
        .contact_me {
        	border-radius: 15px;
        	padding-left: 25px;
        	padding-right: 25px;
        	background-color:#ffffffeb;
        	color:black;
        	position:relative;
        	z-index:20;
        	font-size:11px;
        	right:15px;
        }
        
        .big_screen {
            display:inherit;
        }
        
        .small_screen {
            display:none;
        }
        
        .main_card {
        	margin-top: 40px;
        }
        
        .name_card {
        	font-size:79px;
        	line-height:1em;
        }
        
        .base_desc {
        	font-size:13px;
        	margin-top:15px;
        	padding-left:5px;
        }
        
        .hire_btn {
        	background-color:#ff6307;
        	color:white;
        	border-radius:15px;
        	margin-top:20px;
        	font-size: 15px;
        	padding-left: 30px;
        	padding-right: 30px;
        	font-weight:bold;
        }
        
        .langs {
        	margin-top:7em;
        }
        
        .lang1 {
        	background-color:darkcyan;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang2 {
        	background-color:#ff6307;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang3 {
        	background-color:black;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        }
        
        .lang4 {
        	background-color:dimgrey;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .lang5 {
        	background-color:darkslategray;
        	color:white;
        	padding:0 12px 4px 12px;
        	font-size:22px;
        	margin-left:7px;
        }
        
        .base_lang_set {
        	margin-top:7px;
        }
        
        .img_base {
        	height: 270px;
        	width: 800px;
        	background-color: #ff6307; /*#ff4007*/
        	border-top-left-radius: 150px;
        	border-bottom-left-radius: 150px;
        	rotate: 317deg;
        	position: relative;
        	z-index: 10;
        	top: -80px;
        	left: -40px;
        }
        
        .exp_set {
        	background-color:#000000cf !important;
        	color:white;
        	border-radius:8px;
        	position:relative;
        	top:-9em;
        	left:-6em;
        	padding:0 13px 7px 13px;
        	z-index:20
        }
        
        .years_add {
        	font-size:35px;
        	text-align:left;
        }
        
        .exp_text {
        	font-size:15px;
        	margin-top: -6px;
        	margin-left: 2px;
        }
    }