@media only screen and (min-width: 1200px) {

  /* Slider */

  body>ul {

  		width: 1200px;

  		height: 80px;

      float:left;

  	}



  ul > li {

  		width: 20%;

  		list-style-type: none;

  		position: absolute;

  		top: 100px;

  		height: 80px;

  		opacity: 0;

  		text-align: center;

      background-color: #fff;

  		transition: 1s opacity;

  	}

.partner_slide{

  position:relative;

  width:1200px;

  height:200px;

  transform: translate(-50%);

  left:50%;

  float:left;

}

  	.active {

  		opacity: 1;

  	}

    /*  */

    /*  */

    	/* width */

    ::-webkit-scrollbar {

        width: 8px;

    }



    /* Track */

    ::-webkit-scrollbar-track {

        background: #f1f1f1;

    }



    /* Handle */

    ::-webkit-scrollbar-thumb {

        background: #888;

    }



    /* Handle on hover */

    ::-webkit-scrollbar-thumb:hover {

        background: #363638;

    }

	@font-face {

    		font-family: myFirstFont;

    		src: url(../fonts/GHEAGrapalatRit.otf);

	}

	body{

		margin:0;

		padding:0;

		font-family: myFirstFont;

	}

	a, a:visited, a:active, a:link{

		text-decoration: none;

	}

  /* Index page animation */

  .img1{

  width: 180px;

  margin-left:-180px;

  position: relative;

  left: 50.3%;

}

.img2{

  width: 116px;

  position: relative;

  margin-top:6px;

  left: 47.7%;

}

 .img1 img, .img2 img{

  float:left;

}

.animation{

  width: 100%;

  height:250px;

  position: absolute;

  top:35%;

  overflow: hidden;

}

@-webkit-keyframes left {

    0% {left:50.3%;opacity: 1;}

    25% {left: 47.3%;opacity: 0.7;}

    50% {left: 44.3%;opacity: 0.7;}

    75% {left: 42.3%;opacity: 0.4;}

    100% {left: 40.3%;opacity: 0;}

}

@keyframes left {

    0% {left:50.3%;opacity: 1;}

    25% {left: 47.3%;opacity: 0.8;}

    50% {left: 44.3%;opacity: 0.8;}

    75% {left: 42.3%;opacity: 0.4;}

    100% {left: 40.3%;opacity: 0;}

}

@-webkit-keyframes right {

    0% {left:47.7%;opacity: 1;}

    25% {left: 50%;opacity: 0.8;}

    50% {left: 52.7%;opacity: 0.8;}

    75% {left: 54.7%;opacity: 0.4;}

    100% {left: 57.7%;opacity: 0;}

}

@keyframes right {

    0% {left:47.7%;opacity: 1;}

    25% {left: 50%;opacity: 0.8;}

    50% {left: 52.7%;opacity: 0.8;}

    75% {left: 54.7%;opacity: 0.4;}

    100% {left: 57.7%;opacity: 0;}

}

  /* Index page animation */

	/*link to pages specific place*/

	.anchor{

		position: absolute;

		top:650px;

	}

	.logo_while_scrolling{

		float:left;

		display:none;

	}

	/*HEADER(menu+logo+contact_info)*/

	.sticky {

		position: fixed;

		top: 0;

		width: 100%;

	}

	.sticky + .content {

		padding-top: 60px;

	}

	.header_contact_container{

		width: 100%;

		height: 45px;

		background-color: #f6f6f8;

	}

	.header_contact_info{

		max-width: 1700px;

		height:45px;

		margin:auto;

	}

	.header_contact_info_data{

		width:60%;

		height:45px;

		display: inline-block;

		float: left;

	}

	.header_contact_info img{

		margin: 13px;

		float:left;

	}

	.header_contact_info_social_media{

		width: 40%;

		height: 45px;

		display: inline-block;

	}

	.header_contact_text{

		height: 45px;

		font-size:19px;

		display: inline-block;

		line-height: 45px;

		float: left;

		color:#5f5f61;

	}

	.header_contact_social_container{

		width:140px;

		margin:auto;

	}

	.logo{

		width:140px;

		float:left;

	}

	.index_logo_heading{

		font-size: 30px;

		font-weight: 600;

		color:#363638;

		float:left;

		margin-top:10px;

		text-align: center;

	}

	.header_logo_text{

		width:750px;

		height:100px;

		margin:auto;

	}

	.menu_container{

		width:100%;

		background-color: white;

		float:left;

		height: 50px;

		z-index: 1;

		box-shadow: 0 5px 5px 0 #ccc;

	}

	.menu_for_small_devices,.navbar_for_small_devices{

		display: none;

	}

	.menu{

		max-width:850px;

		height:50px;

		margin:auto;

	}

	.menu_item{

		display: inline-block;

		float: left;

		font-size: 20px;

		padding:10px 30px 10px 30px;

		box-sizing: border-box;

		text-align: center;

		color:#4e4e50;

	}

	.home{

		width:150px;

	}

	.about{

		width:170px;

	}

	.service{

		width:220px;

	}

	.contact{

		width:230px;

	}

	.menu_item:hover{

		/* border-bottom: 4px solid #0971f2; */

		color:#f6f6f8;

		border-radius:15px;

		background-color: rgba(9, 113, 242, 0.6);

	}

	.lang{

		width:50px;

		height:30px;

		position: relative;

		left: 30px;

		top:5px;

		display:inline-block;

	}

	#lang {

		width: 50px;

		height: 40px;

		padding: 8px;

		outline-style: none;

		border-style: none;

		-webkit-appearance: none;

		-moz-appearance: none;

		background: url(../images/3.png) 96% / 15% no-repeat white;

	}

	/*^Header(menu+logo+contact_info^*/

	/*    SLIDER    */

	.slider_conteiner{

		width:100%;

		height:750px;

		position: relative;

		margin-top: 20px;

		float:left;

		display: block;

		background-color: #f6f6f8;

	}

	.mySlides{

		height:700px;

	}

	.slideshow-container {

		max-width: 1700px;

		position: relative;

		margin: auto;

	}

	/* The dots/bullets/indicators */

	.dot {

		height: 15px;

		width: 15px;

		margin: 0 2px;

		background-color: #bbb;

		border-radius: 50%;

		display: inline-block;

		transition: background-color 0.6s ease;

		cursor:pointer;

	}

	/* Next & previous buttons */

	.prev, .next {

		cursor: pointer;

		position: absolute;

		top: 50%;

		width: auto;

		padding: 16px;

		margin-top: -22px;

		color: white;

		font-weight: bold;

		font-size: 18px;

		transition: 0.6s ease;

		border-radius: 0 3px 3px 0;

	}

	/* Position the "next button" to the right */

	.next {

		right: 0;

		border-radius: 3px 0 0 3px;

	}

	/* On hover, add a black background color with a little bit see-through */

	.prev:hover, .next:hover {

		background-color: rgba(0,0,0,0.8);

	}

	.active {

		background-color: #fff;

	}

	/* Fading animation */

	.fade {

		-webkit-animation-name: fade;

		-webkit-animation-duration: 1.5s;

		animation-name: fade;

		animation-duration: 1.5s;

	}

	@-webkit-keyframes fade {

		from {opacity: .4}

		to {opacity: 1}

	}

	@keyframes fade {

		from {opacity: .4}

		to {opacity: 1}

	}

	/*CONTENT*/

	.content{

		width:100%;

		float:left;

		/*border:1px solid red;*/

	}

	/* HOME PAGE*/

  .newCrm{

    display:none;

  }

	/* registration of new crm */

	.register_new_crm{

		max-width: 1700px;

		padding:10px 30px 10px 30px;

    position: relative;

    overflow: hidden;

		box-sizing: border-box;

		margin:50px auto 30px;

    clear:both;

		border-radius: 25px;

		border:3px solid #f37600;

	}

	.register_new_crm_header{

		width:100%;

		height:40px;

		line-height: 40px;

		font-weight: 600;

		color:#363638;

		font-size: 30px;

		text-align: center;

	}

	.register_new_crm_content{

		width:100%;

		/* padding-left:150px; */

    float:left;

		font-size:18px;

		color:#363638;

	}

  .payment_types, .newCrmTypes{

    width:830px;

    font-size:20px;

    color:white;

    line-height: 50px;

    height:50px;

    margin:10px auto 0;

  }

  .payment_types img{

    width:50px;

    float:left;

  }

  .tarajamket, .tarajamketHeader{

    background-color:#f37600;

    float:left;

    height:50px;

    box-sizing: border-box;

    cursor: pointer;

    padding: 0 10px;

    border-radius: 40px;

    margin-left:10px;

  }

  .amboxjakan, .anhatuyc, .amboxjakanHeader, .anhatuycHeader{

    float:left;

    height:50px;

    box-sizing: border-box;

    cursor: pointer;

    padding: 0 10px;

    border-radius: 40px;

    background-color:#0971f2;

    margin-left:10px;

  }

  .amboxjakan_content, .anhatuyc_content, .headerAmboxjakan_content, .headerAnhatuyc_content{

    display:none;

  }

  .text_row{

    position: relative;

    /* left:100; */

    /* bottom:50px; */

    line-height: 50px;

    width: 4500px;

    display:inline-block;

    -webkit-animation-name: move;

    -webkit-animation-duration:35.8s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

	}

  .text_row1{

    width: 1500px;

    margin-left:1000px;

	}

  .text_row_container{

    width:100%;

    overflow:hidden;

    border-bottom:2px solid #ed3229;

    border-top:2px solid #ed3229;

  }

	@-webkit-keyframes move {

			from { left:100%; }

			to {left: -4000px;}

	}

  .steps, .headerSteps{

    width:450px;

    height:40px;

    margin:20px auto 0;

    position:relative;

  }

  .step1, .headerStep1{

    background-color:#f37600;

  }

  .step, .headerStep{

    padding:5px 10px;

    border-radius: 40px;

    margin-left:2px;

    float:left;

    color:white;

    text-align: center;

    cursor: pointer;

  }

  .step2, .step3,.step4,.headerStep2, .headerStep3,.headerStep4{

    background-color:#0771f2;

  }

  .stepNo, .headerStepNo{

    display:inline-block;

    float:left;

    padding:5px 10px;

    border-radius:25px;

    background-color:#f37600;

    color:white;

  }

  .stepText, .headerStepText{

    width:60%;

    height:120px;

    float:left;

    margin-top:20px;

    font-size: 18px;

    color:#363638;

  }

  .stepInfo{

    display:inline-block;

    width:80%;

    margin-left:10px;

    float:left;

    padding:10px;

    box-sizing: border-box;

    border-radius: 25px;

    background-color:rgba(243, 118, 0,0.6);

  }

  .stepImg,.headerStepImg{

      width:40%;

      float:left;

      margin-top:20px;

  }

  .nextstepImg, .headerNextstepImg{

    width:15px;

    height:15px;

    float:left;

    margin-top:7px;

  }

  .stepImg img, .headerStepImg img{

    max-width:400px;

    border:1px solid #0771f2;

  }

  .stepContent, .headerStepContent{

    margin-top:20px;

    width:100%;

    max-height:200px;

    min-height:180px;

  }

  .step2_content,.step3_content,.step4_content, .headerStep2_content,.headerStep3_content,.headerStep4_content{

    display:none;

  }

  .infoText, .headerInfoText{

    width:100%;

    line-height:30px;

    clear:left;

    margin-top:50px;

  }

  .noteInfo{

    float:left;

    width: 85%;

    margin-left:10px;

    background-color:rgba(7, 113, 242,.6);

    border-radius: 25px;

    padding: 10px;

    box-sizing: border-box;

  }

  .closeImg{

    width:50px;

    height:50px;

    position: absolute;

    top:20px;

    right:20px;

    display:none;

  }

  .imgZoom{

    width:100%;

    height:100%;

    position:fixed;

    top:0;

    left:0;

    background-color:rgba(0,0,0,0.6);

    z-index: 29;

    display:none;

  }

  .imgZoomImgTag{

    max-width: 80%;

    position:fixed;

    top:50%;

    left:50%;

    z-index:30;

    transform: translate(-50%,-50%);

    display:none;

  }

  /* new CRM header */

  .newCrmHeader{

    width:220px;

    height:60px;

    line-height: 30px;

    text-align: center;

    border:2px solid red;

    border-radius: 25px;

    position: absolute;

    top:60px;

    right:100px;

    color:#363638;

    cursor: pointer;

    -webkit-animation-name: rotate;

    -webkit-animation-duration:1s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

	}

	@-webkit-keyframes rotate {

			0% { transform:rotate(5deg); }

      50% {transform:rotate(-5deg);}

			100% {transform:rotate(5deg);}

  }

  .newCrmContainer{

    width:100%;

    height:100%;

    position: fixed;

    top:0;

    left:0;

    z-index: 20;

    background-color: rgba(0,0,0,0.8);

    display:none;

  }

  .newCrmContent{

    width:95%;

    max-width: 1700px;

    border:1px solid white;

    position: fixed;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    display:none;

    z-index: 25;

    border-radius: 20px;

    background-color:#f6f6f8;

    padding:10px;

    box-sizing: border-box;

    /* color:white; */

  }

  .newCrmHeaderHeading{

    text-align: center;

    font-size:25px;

    color:#363638;

  }/* Announcement */

  .announcement_container{

    max-width:1700px;

    border:3px solid #f37600;

    border-radius: 25px;

    position:relative;

    margin:20px auto 20px;

  }

  .announcement_header{

    width:100%;

    text-align: center;

    font-size:35px;

    color:#363638;

  }

  .info_header{

    width:100%;

    font-size: 25px;

    color:#363638;

    text-align: center;

    margin-top:10px;

  }

  .announcement_content{

    width: 100%;

    padding:10px;

    box-sizing: border-box;

  }



	/*services and useful links part*/

  .content_header, .links_content_header{

      width: 100%;

      text-align: center;

      font-size: 35px;

      margin: 10px auto 0 auto;

      font-weight: 600;

      height: 50px;

      line-height: 50px;

      color: #363638;

      float:left;

  }

  .partners_header {

      width: 100%;

      text-align: center;

      font-size: 30px;

      margin: 0 auto 0 auto;

      font-weight: 600;

      height: 50px;

      line-height: 50px;

      color: #363638;

      position:relative;

      float:left;

  }



	.services_block{

		height:280px;

    float:left;

	}

	.services_block, .links_block{

		width:100%;

		margin-top:20px;

    position:relative;

    float:left;

	}

	.links_block{

		height:220px;

	}

	.content_body, .links_body{

		width:25%;

		display: inline-block;

		float:left;

		padding:0 20px 0 20px;

		box-sizing: border-box;

		/*border:1px solid red;*/

	}

	.content_body{

		max-height: 280px;

	}

	.links_body{

		cursor: pointer;

		height:220px;

	}

	.a_img, .b_img, .c_img, .d_img, .links_img1, .links_img2, .links_img3, .links_img4{

		width:110px;

		height:110px;

		margin:auto;

		border-radius: 50%;

		background-color: #0971f2;

	}

	.content_body img, .links_body img{

		margin:25px;

	}

	.service_heading, .links_heading{

		text-align: center;

		font-size: 19px;

		margin-top:10px;

		color: #4c4c4e;

	}

	.service_text{

		margin-top:10px;

		font-size: 16px;

		text-align: center;

		color: #656567;

	}

	.all_services, .all_links{

		width:260px;

		height: 50px;

		display:block;

		font-size: 20px;

		line-height: 50px;

		font-weight: 600;

		text-align: center;

		margin:auto;

		border:4px solid #0971f2;

		color: #0971f2;

    clear:both;

		border-radius: 50px;

	}

  .all_services_links{

    width:100%;

    height:50px;

    margin:25px 0 25px 0;

    float:left;

    /* border:1px solid red; */

  }

	.all_services:hover, .all_links:hover{

		background-color:#ed3229;

		border:4px solid #ed3229;

		color:white;

	}

	/*^HOME page^*/

	/*FOOTER for home, about, services pages*/

	.footer_container{

		width:100%;

		height:400px;

		margin-top:30px;

		float:left;

		background-color: #363638;

	}

	.inner_footer{

		width:1250px;

		height:400px;

		/*border:1px solid red;*/

		margin:auto;

	}

	.footer_heading{

		font-size: 22px;

		margin-top:20px;

		width: 100%;

		color: #f4f4f5;

	}

	.footer_heading_contact{

		font-size: 22px;

		width: 330px;

		margin:20px auto 0 auto;

		color: #f4f4f5;

	}

	.footer_content_about, .footer_content_contact, .footer_content_map{

		height:390px;

		box-sizing: border-box;

		float:left;

	}

	.footer_content_about{

		width: 400px;

		padding:10px 10px 0 10px;

	}

	.footer_content_contact{

		width: 350px;

		padding:10px 20px 0 20px;

	}

	.footer_content_map{

		width: 500px;

		padding-top:10px;

	}

	.footer_about_text{

		width:100%;

		margin-top:20px;

		color:#7f7f80;

		line-height: 25px;

		text-align: justify;

	}

	.footer_contact_line{

		width: 330px;

		height:50px;

		margin:10px auto 0 auto;

	}

	.footer_contact_social{

		width: 330px;

		margin:15px auto 0 auto;

	}

	.footer_contact_social img{

		margin-left:15px;

	}

	.footer_contact_line img{

		float:left;

		margin-top: 12px;

	}

	.footer_contact_text{

		float:left;

		line-height:50px;

		font-size: 17px;

		color: #7f7f80;

		text-indent: 10px;

	}

	/*^FOOTER for home, about, services pages^*/

  /* online application  */

  .online_application{

    width:700px;

    z-index: 3;

    transform: translate(-50%, -50%);

    position:fixed;

    top:50%;

    left:50%;

    padding:10px 0 10px 10px;

    box-sizing: border-box;

    /* border:3px solid #ed3229; */

    margin: 20px auto 20px;

    border-radius: 25px;

    background-color:#f6f6f8;

    display:none;

  }

  .online_app_input{

    width:45%;

    height:40px;

    border-style:none;

    margin:10px 2%;

    outline:none;

    border-bottom:1px solid #363638;

  }

  .comment{

    max-width:94%;

    width:94%;

    height:90px;

    max-height:90px;

    margin:10px 0 0 15px;

    border-style:none;

    outline:none;

    border-bottom:1px solid #363638;

  }

	.online_app_button{

		background-color: #f37600;

		position:fixed;

		right:-100px;

		bottom:330px;

    width: 240px;

    height: 40px;

		border-top-right-radius: 25px;/* as the half of the width */

		border-top-left-radius: 25px;/* as the half of the width */

    box-sizing: border-box;

		transform: rotateZ(-90deg);

		text-align: center;

		line-height: 35px;

		font-size: 20px;

		color: #f6f6f8;

		cursor: pointer;

    z-index: 2;

	}

  .online_app_container{

    width:100%;

    height:100%;

    background-color:rgba(0,0,0,0.6);

    position:fixed;

    left:0;

    top:0;

    z-index: 2;

    display:none;

  }

  .app_close{

    width:30px;

    height: 30px;

    position: fixed;

    top:15px;

    right: 15px;

    z-index: 3;

    display:none;

  }

	/*LOGO and MENU for about, services, contact pages*/

	._logo{

		width:80px;

		margin-left:50px;

		float:left;

	}

	._menu{

		width: 850px;

		height: 60px;

		float:right;

		margin: 6px 50px 0 0;

	}

	/*^LOGO and MENU for about, services, contact pages^*/

	/*CONTACT PAGE*/

	.contact_img{

		max-width: 1900px;

		height: 600px;

		margin:86px auto 0 auto;

	}

	.menu_container_contact{

		width:100%;

		background-color: white;

		height: 60px;

		z-index: 1;

		position: fixed;

		box-shadow: 0 5px 5px 0 #ccc;

	}

	.contact_page_container{

		width:100%;

		height:700px;

		margin:80px auto 0 auto;

	}

	.contact_icons{

		width:25px;

		float:left;

	}

	.social{

		margin-left: 15px;

	}

	.send_message, .contact_page_info{

		width:50%;

		height: 700px;

		/*border:1px solid brown;*/

		padding:2%;

		float: left;

		box-sizing: border-box;

	}

	.send_message_heading{

		font-size: 40px;

		font-weight: 600;

		color:#363638;

	}

	.contact_page_input{

		width:47%;

		height:45px;

		line-height: 45px;

		margin: 25px 0 0 10px;

		border-style: none;

		outline-style: none;

		border-bottom:1px solid #363638;

		font-size:19px;

	}

	.message{

		width:95%;

		max-width:95%;

		min-height: 120px;

		max-height: 200px;

		margin:25px 3% 0 2%;

		border-style: none;

		outline-style: none;

		border-bottom: 1px solid #363638;

		border-top:1px solid #363638;

		border-radius: 8px;

		font-size:19px;

	}

	.submit, .submit_online_app{

		width:150px;

		height:60px;

		border-style: none;

		border-radius: 50px;

		font-size:19px;

		font-weight: 600;

		color:white;

		/* margin:10px 0 0 2%; */

		background-color:#0971f2;

	}

	.submit{

    margin:10px 0 0 75px;

  }

	.info_block{

		width:45%;

		height:110px;

		margin-right: 2%;

		float:left;

	}

	.info_heading{

		font-size: 30px;

		font-weight: 600;

		height: 40px;

		line-height: 40px;

		padding-bottom: 5px;

		border-bottom: 1px solid #cacacd;

		color: #363638;

	}

	.info_block img{

		margin:15px 5px 0 5px;

	}

	.second_line{

		margin-top:50px;

	}

	.info_text{

		font-size: 20px;

		color:#717173;

		height:60px;

		line-height: 20px;

	}

	.info_text a:visited, .info_text a:hover, .info_text a:link, .info_text a:active{

	    text-decoration:none;

	    color:#717173;

	}

	.info_text img, .info_text p{

		margin-top:17px;

		float:left;

	}

	.info_map{

		width:100%;

		height: 300px;

		float:left;

		margin-top:50px;

	}

	.contact_footer{

		width:100%;

		height: 80px;

		background-color: #363638;

		font-size: 20px;

		line-height: 80px;

		text-align: center;

		color:#f4f4f5;

		float:left;

		margin-top:20px;

	}

	/*SERVICES PAGE*/

	.services_heading, .about_heading{

		height:60px;

		width:100%;

		margin:30px 0 20px 0;

		font-size: 35px;

		float:left;

		font-weight: 600;

		line-height: 60px;

		text-align: center;

		color:#363638;

	}

	.services_row{

		max-width:1700px;

		/* float:left; */

		margin:auto;

		height:450px;

	}

	.services_img{

		width:50%;

		height:450px;

		display: inline-block;

		float:left;

	}

	.right{

		float:right;

	}

	.services_desc{

		width:50%;

		float:left;

		height:450px;

		padding:100px 30px 0 30px;

		box-sizing: border-box;

	}

	.services_dot{

		width:10px;

		height:10px;

		background-color: #363638;

		border-radius: 10px;

		float:left;

		margin-top:10px;

	}

	.services_desc_text{

		text-indent: 15px;

		height:75px;

		line-height: 25px;

		font-size: 20px;

		color:#363638;

	}

	/*ABOUT page*/

	.smarts_logo{

		width:20%;

		float:left;

		/* border:1px solid red; */

		position: relative;

	}

	.about_text{

		width:55%;

		margin:0 20px 0 20px;

		font-size:19px;

		line-height: 25px;

		color:#363638;

		text-align: justify;

		float:left;

		position: relative;

	}

	.about_text p{

		text-indent: 30px;

	}

	.pax_logo{

		width:20%;

		float:right;

		/* border:1px solid red; */

		position: relative;

	}

	.about_footer_contact{

		width:400px;

		padding: 10px 20px 0 20px;

		box-sizing: border-box;

		float:left;

	}

	.about_footer_map{

		width:800px;

		height:380px;

		padding:10px 0 0 10px;

		box-sizing: border-box;

		float:left;

	}

	/*  ABOUT PAGE SERTIFICATE*/

	.sertificate{

		width:150px;

		height:200px;

		/* border:5px solid red; */

		margin:0 auto 0 auto;

		display: block;

		clear: both;

		position: relative;

	}

	#myImg {

	    border-radius: 5px;

	    cursor: pointer;

	    transition: 0.3s;

	}



	#myImg:hover {opacity: 0.7;}



	/* The Modal (background) */

	.modal {

	    display: none; /* Hidden by default */

	    position: fixed; /* Stay in place */

	    z-index: 1; /* Sit on top */

	    padding-top: 10px; /* Location of the box */

	    left: 0;

	    top: 0;

	    width: 100%; /* Full width */

	    height: 100%; /* Full height */

	    overflow: auto; /* Enable scroll if needed */

	    background-color: rgb(0,0,0); /* Fallback color */

	    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

	}



	/* Modal Content (image) */

	.modal-content {

	    margin: auto;

	    display: block;

	    width: 80%;

	    max-width: 700px;

	}

	/* Add Animation */

	.modal-content, #caption {

	    -webkit-animation-name: zoom;

	    -webkit-animation-duration: 0.6s;

	    animation-name: zoom;

	    animation-duration: 0.6s;

	}



	@-webkit-keyframes zoom {

	    from {-webkit-transform:scale(0)}

	    to {-webkit-transform:scale(1)}

	}



	@keyframes zoom {

	    from {transform:scale(0)}

	    to {transform:scale(1)}

	}



	/* The Close Button */

	.close_img {

	    position: absolute;

	    top: 15px;

	    right: 35px;

	    color: #f1f1f1;

	    font-size: 40px;

	    font-weight: bold;

	    transition: 0.3s;

	}



	.close_img:hover,.close_img:focus {

	    color: #bbb;

	    text-decoration: none;

	    cursor: pointer;

	}



	/*useful links*/

  .useful_header{

    width:100%;

    height:350px;

    margin-top:60px;

    background-color:#3175A3;

  }

  .useful_inner_header{

    max-width:800px;

    height:350px;

    margin:auto;

  }

  .arrow{

    width:150px;

    height:250px;

    margin:50px 0 0 50px;

    float:left;

  }

  .arrow img{

    height:250px;

  }

	.useful_links{

		width:90%;

		margin:auto;

		/*border:1px solid red;*/

	}

	.useful_links p{

		text-decoration: underline;

		font-size: 22px;

	}

	.useful_links p:hover{

		font-weight: 600;

		cursor: pointer;

	}

	.useful_links_heading, .useful_videos_heading{

				height: 60px;

				font-size: 45px;

				font-weight: 600;

				line-height: 350px;

				text-align: left;

				color: #fff;

        float:left;

	}

	.useful_links a, .useful_links a:hover, .useful_links a:active, .useful_links a:link, .useful_links a:visited{

		color:#363638;

	}

	/* useful_videos */

	.useful_videos{

		width:90%;

		margin-left:5%;

		/* border:1px solid red; */

	}

	.video{

		width:30%;

		float:left;

		/* border:1px solid red; */

		margin:20px 2% 0 1%;

	}

	.video_heading{

		font-size: 17px;

		height:70px;

		line-height:20px;

		text-align:center;

		color:#363638;

	}

	/* CHATBOX */

	.chat{

		/* width:100px;

		height:45px; */

		background-color: #f37600;

		position:fixed;

		right:-80px;

		bottom:100px;

    width: 200px;

    height: 40px;

		border-top-right-radius: 25px;/* as the half of the width */

		border-top-left-radius: 25px;/* as the half of the width */

    box-sizing: border-box;

		transform: rotateZ(-90deg);

		text-align: center;

		line-height: 35px;

		font-size: 20px;

		color: #f6f6f8;

		cursor: pointer;

    z-index: 3;

	}

	.chatbox{

		display:none;

	}

	.chatboxContainer{

		z-index: 20;

	}

	.open_chatbox{

		position:fixed;

		width:0;

		height:500px;

		bottom:10px;

		right:50px;

		border-radius: 25px;

		background-color: #f6f6f8;

        -webkit-animation-name: open_chatbox;

        -webkit-animation-duration:.8s;

        -webkit-animation-iteration-count: 1;

        -webkit-animation-timing-function: ease-in-out;

        -webkit-animation-fill-mode: forwards;

	}

	.close_chatbox{

		position:fixed;

		width:300px;

		height:500px;

		bottom:0;

		right:50px;

		border-radius: 25px;

		background-color: #363638;

        -webkit-animation-name: close_chatbox;

        -webkit-animation-duration:.8s;

        -webkit-animation-iteration-count: 1;

        -webkit-animation-timing-function: ease-in-out;

        -webkit-animation-fill-mode: forwards;

	}

	.chatbox_content{

		display:none;

	}

	@-webkit-keyframes open_chatbox {

			from { width:0; background:rgba(54,54,56,0.8);height: 500px;}

			to {width: 300px; background:rgba(54,54,56,0.8); height: 500px;}

	}

	@-webkit-keyframes close_chatbox {

			from { width:300px; background:rgba(54,54,56,0.3);height: 500px;}

			to {width: 0; background:rgba(54,54,56,0.3); height: 500px;}

	}

	.chatbox_input{

		width:90%;

		height:35px;

		margin: 10px 6% 0 4%;

		border-style: none;

		outline-style: none;

		border-radius: 5px;

		text-indent:10px;

	}

	.chatbox_message{

		width:90%;

		max-width:90%;

		min-height: 70px;

		max-height: 100px;

		margin:10px 6% 0 4%;

		border-style: none;

		outline-style: none;

		border-bottom: 1px solid #363638;

		border-top:1px solid #363638;

		border-radius: 8px;

		text-indent:10px;

	}

	.chatbox_close_button{

		font-size:25px;

		color: #f6f6f8;

		position:absolute;

		top:5px;

		left:20px;

		cursor: pointer;

	}

	.chatbox_heading{

		font-size: 25px;

		margin-top:15px;

		text-align: center;

		color:#f6f6f8;

	}

	.success_img{

		display: none;

		margin:150px 0 0 70px;

	}

}