/*

Theme Name: Kodev

Theme URI: http://www.kyrance.com

Description: Premium Travel Agency Template

Version: 2.0

Tags: gray, white, responsive-layout, custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu

Author: ThemeGoods

Author URI: http://www.kyrance.com

License: GNU General Public License

License URI: http://themeforest.net/licenses/regular_extended

Text Domain: Kodev

*/


* { margin: 0; padding: 0; }

header { width: 100%; height: 50px; margin: 0 auto; }

#headerContainer_kyrance { width: 100%; max-width: 960px; margin: 0 auto; }




nav { width: 100%; text-align:center;}

.inner_ul_kyrance { float:; line-height:50px;}

.inner_li_kyrance { display:inline; list-style-type: none;}

nav a { text-decoration:none; padding:15px; color:#999; font-family: sans-serif;}

nav a:hover { color:#C00; }


@media(min-width:1025px) and (max-width:1920px) {


  .kodev_test_one {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;
	width:42%;
}

 .kodev_test_two {
    border: 1px solid;
    float: right;
    padding: 25px;
    text-align: justify;
	width:42%;
    
}
}


@media(min-width:770px) and (max-width:1024px) {


  .kodev_test_one {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;
	width:42%;
}

 .kodev_test_two {
    border: 1px solid;
    float: right;
    padding: 25px;
    text-align: justify;
	width:42%;
    
}
}

@media screen and (max-width:768px) {


	nav {}

	.inner_ul_kyrance { float: none; margin-top:50px; background:;}

	.inner_li_kyrance { display:block; background:#999; border-bottom: 1px dotted #CCC;}

	nav a { color:#000000;}

	nav a:hover { color:#FFF; }

  .kodev_test_one {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;
	margin-bottom: 50px;
}

 .kodev_test_two {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;
    
}
}



@media screen and (max-width:480px) {


	nav {}

	.inner_ul_kyrance { float: none; margin-top:50px; background:#C00;}

	.inner_li_kyrance {}

	nav a { display:block; color:#CCC; border-bottom: 1px dotted #CCC; margin:0; padding:3px;}

	nav a:hover { color:#FFF; }

.kodev_test_one {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;
	margin-bottom: 50px;
}

.kodev_test_two {
    border: 1px solid;
    float: left;
    padding: 25px;
    text-align: justify;

}


}


#custom_logo img

{

width:140px !important;

height:auto !important;

}


@font-face {
font-display:swap;

  font-family: 'Doctor';

    src:  url('/wp-content/themes/KODEV/public_html/kodev.lk/test/wp-content/themes/KODEV/fonts/Doctor.ttf.woff') format('woff'),

    url('/wp-content/themes/KODEV/public_html/kodev.lk/test/wp-content/themes/KODEV/fonts/Doctor.ttf.svg#Doctor') format('svg'),

    url('/wp-content/themes/KODEV/public_html/kodev.lk/test/wp-content/themes/KODEV/fonts/Doctor.ttf.eot'),

    url('/wp-content/themes/KODEV/public_html/kodev.lk/test/wp-content/themes/KODEV/fonts/Doctor.eot?#iefix') format('embedded-opentype'); 

    font-weight: normal;

    font-style: normal;

}

.header_action_1{
	background: #39BCD4 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    /*float: right;*/
    font-family: "Raleway","Helvetica Neue",Arial,Verdana,sans-serif;
    font-size: 20px;
    font-weight: bold;
    /*margin: 28px 0 0 20px;*/
    padding: 2px 20px;
}

.header_action{
    display: none;
}
.box1 {
	width: 290px;
	height: 500px;
	position: relative;
	background: rgba(255,255,255,1);
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	color: #2c3e50;
	box-shadow: inset 0 0 0 3px #2c3e50;
	-webkit-transition: background 0.4s 0.5s;
	transition: background 0.4s 0.5s;
}

.box1:hover {
	background: rgba(255,255,255,0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
    box-shadow: inset 0 0 0 3px #e92323 !important;
}

.box1 h3 {
	font-family: "Ruthie", cursive;
	font-size: 180px;
	line-height: 370px;
	margin: 0;
	font-weight: 400;
	width: 100%;
}

.box1 span {
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	padding: 5px;
}

.box1 h3,
.box1 span {
	-webkit-transition: color 0.4s 0.5s;
	transition: color 0.4s 0.5s;
}

.box1:hover h3,
.box1:hover span {
	color: #000;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.box1 svg {
	position: absolute;
	top: 0;
	left: 0;
}

.box1 svg line {
	stroke-width: 3;
	stroke: #fff;
	fill: none;
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.box1:hover svg line {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.box1 svg line.top,
.box1 svg line.bottom {
	stroke-dasharray: 330 240; 
}

.box1 svg line.left,
.box1 svg line.right {
	stroke-dasharray: 520 400;
}

.box1:hover svg line.top {
	-webkit-transform: translateX(-600px);
	transform: translateX(-600px);
}

.box1:hover svg line.bottom {
	-webkit-transform: translateX(600px);
	transform: translateX(600px);
}

.box1:hover svg line.left {
	-webkit-transform: translateY(920px);
	transform: translateY(920px);
}

.box1:hover svg line.right {
	-webkit-transform: translateY(-920px);
	transform: translateY(-920px);
}


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


.btnsty1{   color: #000 !important;  border: 3px solid !important;     background: none !important;     cursor: pointer;     padding: 25px 80px !important;     margin: 15px 30px !important;     text-transform: uppercase !important;     letter-spacing: 1px;     font-weight: 700;     outline: none;     position: relative !important;     -webkit-transition: all 0.3s;     -moz-transition: all 0.3s;     transition: all 0.3s; }