@charset "utf-8";
/*
Template Name: Geodarn
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/
@import url("fontawesome-4.6.3.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Colours
--------------------------------------------------------------------------------------------------------------- */




body{color:#A6A6A6; background-color:#26272B;}
a{color:#C5A059;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#C5A059;}
.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.48);}

.overlay1{color:#FFFFFF; background-color:inherit;}
.overlay1::after{color:inherit; background-color:rgba(0,0,0,.48);}


.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#C5A059; border-color:#C5A059;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}


/* google tanslet
--------------------------------------------------------------------------------------------------------------- */





/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1{border-bottom:0px solid; background-color:rgba(45,45,45,.7);/* #252525 */}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}

/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:15px 0; font-size:0.8rem; text-transform:uppercase;}

#topbar *{margin:0;}
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}



/* Top Bar */
#topbar ul li{border-color:rgba(255,255,255,.2);}
#topbar div:first-of-type li:first-child a{color:#D01818;}

.goog-logo-link img{display:inline-block !important;}


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}
#header #logo{margin:20px 0 0 0;}
#header #logo h1{margin:0; padding:0; font-size:20px; text-transform:uppercase;}
#header #logo h1-1{margin:0; padding:0; font-size:18px; text-align:center; color:#FEF6CB;}
#header #logo h1-1 a{color:inherit; background-color:inherit;text-decoration:none}

#header #logo h1 a{color:inherit; background-color:inherit;text-decoration:none}

/* testimonial
--------------------------------------------------------------------------------------------------------------- */
#pageintro-testy{padding:0px 0; padding-top:10px;}
#pageintro-testy li article{display:block; max-width:100%; margin:0 auto; text-align:center;}
#pageintro-testy li article *{margin:0;}
#pageintro-testy li p:first-of-type{margin-bottom:10px; font-style:italic;}
#pageintro-testy li .heading{margin-bottom:30px; font-size:3rem; word-wrap:break-word;}
#pageintro-testy li p:nth-of-type(2){line-height:1.5rem;}

#pageintro-testy li h11{margin:13px; font-size:1.0rem;letter-spacing:1px; font-family:inherit; font-weight:none; }

#pageintro-testy li footer{margin:10px; font-size:1.6rem; color:#6699FF; letter-spacing:1px; font-family:inherit; font-weight:none; }


#pageintro-testy li h3{margin:15px;color:#CC9933;}
.heading2 a{margin-bottom:5px;margin-top:5px; font-size:14px;color:#FEFfff; font-family:'FontAwesome'; font-weight:none; letter-spacing:1px;}
.heading2 a:hover{color:#C5A059;}
/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:50px 0;}
#pageintro li article{display:block; max-width:75%; margin:0 auto; text-align:center;}
#pageintro li article *{margin:0;}
#pageintro li p:first-of-type{margin-bottom:10px; font-style:italic;}
#pageintro li .heading{margin-bottom:30px; font-size:3rem; word-wrap:break-word;}
#pageintro li p:nth-of-type(2){line-height:1.5rem;}
#pageintro li footer{margin-top:40px;}
.col-columned{width: 450px;}
.col-maincontainer{width: 450px; /*Width of main container*/margin: 0 auto; /*Center container on page*/}
.col-maincontainer ul, .col-maincontainer ul{    margin: 0;    padding: 0;    list-style-type: none;}
.col-contentwrapper{float: left;width: 100%;}
.col-contentcolumn{margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
.col-leftcolumn{float: left;width: 150px; /*Width of left column in pixel*/margin-left: -450px; /*Set margin to that of -(MainContainerWidth)*/background: #C8FC98;}
.col-rightcolumn{float: left;width: 150px; /*Width of right column*/margin-left: -150px; /*Set left margin to -(RightColumnWidth)*/background: #FDE95E;}
.col-innertube{margin: 3px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}/* Content Area
--------------------------------------------------------------------------------------------------------------- */
/* Content */
.container{padding:15px 0;}
.services{margin-bottom:30px;}
.services li:nth-child(-n+3){margin-bottom:30px;}/* Adds bottom margin to the first three elements only */
.services article{position:relative; padding:20px 20px 50px; border-bottom:2px solid; text-align:center;}
.services article .txtwrap{padding:20px; border:1px solid;}
.services article .txtwrap *{margin:0;}
.services article .txtwrap i{margin-bottom:50px;}
.services article .txtwrap .heading{margin-bottom:20px; font-size:18px;}
.services article .txtwrap, .p{font-size:14px;}
.services article footer{display:block; position:absolute; bottom:0; left:0; width:100%; line-height:1;}
.services article footer a{display:block; width:100%; padding:8px 0; }
.services article:hover footer a, .services .active article footer a{opacity:1;}
/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}
#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

#comments select { display:inline-block; min-width:150px;  width:100%; margin:0; padding:10px;  border:1px solid #D7D7D7;}




/* Sidebar */
.container .sidebar{}
.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}
/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}
#footer form{display:block; position:relative; width:100%;}
#footer form legend{display:block; margin-bottom:5px;}
#footer form div{position:relative;}
#footer input, #footer button{display:block; height:36px; border:none;}
#footer input{width:100%; min-width:180px; padding:5px 40px 5px 15px;}
#footer button{position:absolute; top:1px; right:1px; width:32px; height:34px; font-size:16px; cursor:pointer;}
#footer button em{display:none;}







#top-search{padding:20px 0;}
#top-search form{display:block; position:relative; width:100%;}
#top-search form legend{display:block; margin-bottom:5px;}
#top-search form div{position:relative;}
#top-search input {display:block; height:36px;}
#top-search button{display:block; height:36px;border:none;}
#top-search input{width:100%; min-width:300px; padding:5px 40px 5px 15px;border:1px solid #C5A059;}
#top-search button{position:absolute; top:1px; right:1px; width:32px; height:34px; font-size:16px; cursor:pointer;}
#top-search button em{display:none;}


#top-search .heading{color:#FFFFFF;}
#top-search input, #top-search button{color:#FFFFFF; background-color:#000000;}
#top-search button{color:#C5A059;}
	#top-search{}
/* Copyright




--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0; font-size:0.8rem;}
#copyright *{margin:0; padding:0;}
/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .3s ease-in-out;}
#mainav form *{transition:none !important;}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */




/* Breadcrumb */
#breadcrumb{padding:20px 0 15px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
#breadcrumb-1{padding:120px 0 0px;}
#breadcrumb-1 ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb-1 li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb-1 li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb-1 li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb-1 li:last-child a{margin:0; padding:0;}
#breadcrumb-1 li:last-child a::after{display:none;}
#breadcrumb-2 {padding:5px 0 0px;}
#breadcrumb-2 ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb-2 li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb-2 li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb-2 li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb-2 li:last-child a{margin:0; padding:0;}
#breadcrumb-2 li:last-child a::after{display:none;}
/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}
/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}
/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 17px;}
td{border-width:0 1px;}
.t01{border:0px solid; border-collapse:collapse; vertical-align:top; width: 100%; max-width: 320px; table-layout: fixed;}
.Imagt01{border:1px solid #CCCCCC;width: 100%; max-width: 320px; height:100%}
table#t01  th#t01, td#t01{border:0px solid; border-collapse:collapse; vertical-align:top; width: 100%; max-width: 320px; table-layout: fixed;}
table#t01, th#t01{table-layout:auto;}
table#t01{width:100%; margin-bottom:15px;}
th#t01, td#t01{padding:5px 8px;}
td#t01{border-width:0 0px;}

.table-w{background-color:#FFFFFF; border: #FFFFFF; border:0px}



/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}
#mainav, #breadcrumb-1, .sidebar nav{line-height:normal;}
#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}
/* Top Navigation */
#mainav{}
#mainav ul.clear{margin-top:3px;}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:442px; text-transform:none;}
#mainav ul ul ul{left:190px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:30px 0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop {display: block;margin: 0;padding: 10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:35px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}
#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}
/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}
/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; float:left; margin:0 10px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:block; font-size:14px; text-align:center;}
.whatsapp {display:block; font-size:18px; text-align:left;}
.whatsapp-ph {font-size:18px;text-align:left;}
.faico a{color:inherit; background-color:transparent;}
.faicon-dribble:hover{color:#EA4C89;}
.faicon-facebook:hover{color:#3B5998;}
.faicon-google-plus:hover{color:#DB4A39;}
.faicon-linkedin:hover{color:#0E76A8;}
.faicon-pinterest:hover{color:#C8232C;}
.faicon-rss:hover{color:#EE802F;}
.faicon-twitter:hover{color:#00ACEE;}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* Rows */
.row0, .row0 a{}
.row1{border-color:rgba(255,255,255,.1);}
.row2{color:#A6A6A6;}
.row3{color:#333333; background-color:#FFFFFF;}
.row3,.p{color:#525252; font-size:15px }

.row4.overlay{color:#A6A6A6; background-color:#151517;}
.row5, .row5 a{color:#A6A6A6; background-color:#26272B;}
.row6 {color:#ffffff;}
/* Header */
#header #logo a{color:inherit;}
.indx-hp{color:#797979;}
/* Content Area */
.services article{color:inherit; border-color:#C5A059;}
.services article .txtwrap{border-color:transparent;}
.services article:hover .txtwrap, .services .active article .txtwrap{color:#FFFFFF; border-color:#D7D7D7;}
.services article footer a{color:#FFFFFF; background-color:#C5A059;}
#shout .heading{color:#FFFFFF; background:inherit;}

.heading-testy{color:#FFFF66;font-size:22px; background:inherit;}

.testy-text{color:#FFFFFF;font-size:16px; letter-spacing:inherit; background:inherit;}

.Pd-ID{font-size:16px; color:#219CCD;text-transform: uppercase; font-weight:bold;padding:16px 0px 0px 0px;}
.upp{text-transform: uppercase;}
.allPd-hder{padding:18px 0px 18px 0px;}
.Teble-text {padding:16px 10px 16px 10px; font-size: 13px;}
.div1{margin-top:10px; margin-bottom:0px;}
.div2{height: 100%; overflow: auto;}
.div3{text-align:center; min-width: 600px;}
/* Footer */
#footer .heading{color:#FFFFFF;}
#footer input, #footer button{color:#FFFFFF; background-color:#000000;}
#footer button{color:#C5A059;}
/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#C5A059; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.9); border-color:rgba(0,0,0,.9);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#C5A059;}
#mainav form select{color:#FFFFFF; background-color:#26272B; border-color:#ffffff;opacity: 0.5; }
#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{}
#breadcrumb-1 a{color:inherit; background-color:inherit;}
#breadcrumb-1 li:last-child a{}
.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#C5A059;}
.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#C5A059;}
#backtotop{color:#FFFFFF; background-color:#C5A059;}
/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#C5A059;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F2F2F2;}
table a, #comments a{background-color:inherit;}
table#t01, th#t01, td#t01, #comments .avatar, #comments input, #comments textarea{border-color:ffffff;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:ffffff;}
th#t01{color:#FFFFFF; background-color:ffffff;}
tr#t01, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#ffffff;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F2F2F2;}
table#t01 a, #comments a{background-color:ffffff;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}

	#header{padding:30px 0 15px;}
	#header #logo{margin:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}
	#breadcrumb-1{}


	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 40px 0; padding:0;}

	#topbar, #header{text-align:center;}

	#header #logo{margin-bottom:15px;}

	#shout footer{margin-bottom:0;}

	#footer{padding-bottom:50px;}
}














--------------------------------------------------------------------------------------------------------------- */


/*

li.googletrans {
    position: relative;
    top: 40px;
}

p.heading2 {
    margin-top: 18px;
}


.btn {
    border-radius: 0px!important;
}


img#myImg {
    float: left;
    margin: 0px!important;
    margin-bottom: 10px!important;
    width: 100%;
}


li.one_quarter.first:first-child {margin: 0px!important;}
li.one_quarter.first:nth-child(5n){ margin: 0px!important;}
.top_tabs li{ display:inline-block; margin:10px;}
.top_tabs {text-align: center;font-size:10px;position:relative;z-index:0;}
.top_tabs ul { padding:0;}
.top_tabs:before {border-bottom: 1px solid #e2cfac;content: '';position: absolute;bottom: 48px;left: 0;right: 0;display: block;z-index: -1;}
.top_tabs li span {width: 40px;height: 40px;display: block;background: #e2cfac;border-radius: 100%;line-height: 40px;margin: 0 auto;text-align: center;color: #fff;font-size: 18px;margin-bottom: 5px;}
.top_tabs li.active span{ background:#000;}





.Gift_Messaging h1 {
    font-size: 20px;
    font-weight: bold;
    color: rgb(252, 142, 53);
}


.Gift_Messaging h2 {
    font-size: 15px;
    font-weight: bold;
	color:#000;
	padding:8px 0;
	margin:0
}

.order_summary {
    margin: 0 auto;
    width: 50%;
    background: #f1f1f1;
    padding:20px;
	margin-top:50px;
}
.order_summary td{
    padding: 5px 10px;
    border: 1px solid #cccc;
}
.order_summary table{ margin:0}
.order_summary h2{font-size: 15px;
    font-weight: bold;
	color:#000;
	padding:0px 0 10px;
	margin:0; text-align:center;}


.pay_now_btn { text-align:center; margin-top:20px;}

.pay_now_btn button {
    background: rgb(252, 142, 53);
    padding: 8px 30px;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
	display:inline-block;
	text-transform:uppercase;
}
/*




@media screen and (min-width:978px){.hoc{max-width:1080px;}}
/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}

	#header{padding:30px 0 15px;}
	#header #logo{margin:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}
	#breadcrumb-1{}


	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
.fl_left, .fl_right{display:block; float:none;}
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 40px 0; padding:0;}
#topbar, #header{text-align:center;}
#header #logo{margin-bottom:15px;}
#shout footer{margin-bottom:0;}
#footer{padding-bottom:50px;}
}

/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
.scrollable table{margin:0; padding:0;}
th.finish {
    width: 100%;
}
.inline li{display:block; margin-bottom:10px;}
.pushright li{margin-right:0;}
.font-x2{font-size:1.4rem;}
.font-x3{font-size:1.6rem;}
#pageintro li article{max-width:none; width:100%;}
#pageintro li .heading{font-size:1.6rem;}
.order_summary{ width:100%;}
}
/* Other
--------------------------------------------------------------------------------------------------------------- */
#osfooter{display:block;position:fixed;bottom:0;left:0;width:100%;height:300px;margin-bottom:-300px;overflow:hidden;background-color:transparent;z-index:5000;text-indent:-5000px;}
#osfooter div{margin-bottom:-1000px;}
#osfooter a{display:block; text-indent:-5000px;}
*{box-sizing: border-box;}

.column {float: left;width: 50%;padding: 0px;height: 240px;}
.row:after {content: "";display: table;clear: both;}


 body {font-family: Arial, Helvetica, sans-serif;}
#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: 1000; /* Sit on top */padding-top: 100px; /* 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;}
/* Caption of Modal Image */
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
/* 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 {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,
.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {width: 100%;}
}
/* Other
--------------------------------------------------------------------------------------------------------------- */
.ie-container {display: inline-block;position: relative;}
.ie-container:before {display: block;content: '';position: absolute;top: 8px;right: 8px;bottom: 8px;left: 8px;border: 1px solid white;}
img {vertical-align: middle; /* optional */}
/*testmonials-----------------------------------------------*/
.testmonials-Name{ font-size: 15px; font-weight: bold;text-transform: uppercase;}
.testmonials-comd{ }
.testmonials-NameSmall{ color: #C5A059; font-weight: bold;}
.testmonials-Addrs { font-weight: bold;}
.fa-sh {padding: 20px;font-size: 35px;width: 50px;text-align: center;text-decoration: none;}
/* Add a hover effect if you want */
.fa-sh:hover {opacity: 0.7;}
.fa-bt {padding: 0px;font-size: 35px;width: 5px;text-align: center;text-decoration: none;}
.feedback {background-color : #33CC66;color: white;padding: 10px 10px 10px 10px;border-radius: 4px;opacity: 0.8}
.feedback:hover {opacity: 1.0;}
#mybutton {position: fixed;bottom: 20px;left: 20px;z-index:3;}
.button {background-color: #4CAF50; /* Green */border: none;color: white;padding: 7px 16px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.button4 {background-color: white;color: black;border: 2px solid #e7e7e7;}
#stableicon {position: fixed;bottom: 80px;right: 5px;z-index:3;}
.stableicon {border: none;color: white;padding: 7px 16px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;height: 25px;width: 25px;cursor: pointer;}
.fa-stableicon {opacity: 0.7;}
.fa-stableicon:hover {opacity: 1.0;}
#mobileshow{display:none;}

/*@media screen and (max-width: 767px) {
.one_third{ width:100% !important; margin-left:0 !important;}
li.one_quarter.first.innder_div{ width:100% !important;}
.nospace.clear.group.services{ margin:0 ;}
}*/

@media screen and (max-width: 500px) {
#mobileshow   { display:block; }
}

/* @media screen and (max-width: 479px){
.hoc {max-width: 96%;}
li.one_quarter.first.innder_div{ padding:0 !important;}
}*/
































* CSS Document */

/* @import url('css/font-awesome.min.css');*/

/* In html file */
/*<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="viewport" content="width=device-width">*/

/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1599px) {
.links-hare {
    display: none;
}

}

@media (max-width: 1069px) {
.links-hare {
    display: none;
}
}

@media (max-width: 999px) {
.links-hare {
    display: none;

}
  

}
@media (max-width: 768px) {
.one_third {width: 30%!important;}
.Imagt01{    height: 157px!important;}
.btn{padding: 9px!important;}
p.more {
    height: auto!important;}
li.one_quarter.first.innder_div {
    width: 24.5%!important;
    margin: 0;
    padding-left: 10px;
}
	
}



/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
.group img{ width:100%!important;}
.flex-control-paging li a{
    display: none!important;
}
.off-mob {
    display: none !important;
}
.Imagt01{height: 100%!important;}
.mobile {
    display: inherit!important;
}
.pc {
    display: none!important;
}
.one_third {margin-left:0px!important;}
div#google_translate_element img{ width:40px !important;}
.hoc h1{
text-align: center;
    font-size: 16px;
}
.one_third {
 width: 100%!important;
    text-align: center;;
}
footer .btn{ 
display: block;
text-align: center;}	
#pageintro-testy li h3{font-size: 15px !important;}
li.one_quarter.first.innder_div{    width: inherit !important;}
.btn{    width: 100%;
    text-align: center;}
	
	p.fl_right {
    text-align: center;
}
p.fl_left {
    text-align: center;
}
#breadcrumb li{margin: 7px;}
.group a{font-size: 16px;}


.links-hare{ background:#fff; max-width:643px;}
.left-secton {
    float: left;
    width: 50%;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
}
.cls{ clear:both;}
.links-hare {
    background: #fff;
    display: inherit;
	color: #000 !important;
}


}

@media (max-width: 643px) {
.off-mob {
    display: none !important;
}
.mobile {
    display: inherit!important;
}
.pc {
    display: none!important;
}
.one_third {margin-left:0px!important;}
.links-hare{ background:#fff; max-width:643px;}
.left-secton {
    float: left;
    width: 50%;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
}
.cls{ clear:both;}
.links-hare {
    background: #fff;
    display: inherit;
	color: #000 !important;
}


}

@media (max-width: 480px) {
.off-mob {
    display: none !important;
}
.Imagt01{height: 332px!important;}

.mobile {
    display: inherit!important;
}
.pc {
    display: none!important;
}
.one_third {margin-left:0px!important;}
.links-hare{ background:#fff; max-width:643px;}
.left-secton {
    float: left;
    width: 50%;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
}
.cls{ clear:both;}
div#google_translate_element {
   
   
    transform: translate(26%, 21%);
   
}
.links-hare {
    background: #fff;
    display: inherit;
	color: #000 !important;
}



}

/* Mobile devices */
@media (max-width: 359px) {
.off-mob {
    display: none !important;
}
.Imagt01{height: 100% !important;}
.pc {
    display: none!important;
}
.mobile {
    display: inherit!important;
}
.one_third {margin-left:0px!important;}
.links-hare{ background:#fff; max-width:643px;}
.left-secton {
    float: left;
    width: 50%;
    padding: 7px;
    box-sizing: border-box;
    text-align: center;
}
.cls{ clear:both;}
.links-hare {
    background: #fff;
    display: inherit;
	color: #000 !important;
}

}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */

div#google_translate_element {
   
    transform: scale;
   right: 25px;
   background: url(/images/tran-icon.png) repeat-x #fff;
   background-repeat: no-repeat;
   background-size: 35px 35px;
   background-position:right;
    width: 200px !important;
    border-radius: 6px;
    transform: translate(26%, 21%);
    padding: 8px;
	
}


.goog-logo-link { display:none !important;} 

.goog-te-gadget{ visibility:collapse;overflow:hidden;height:20px;}

.goog-te-combo{visibility:visible !important;vertical-align:top;}

.goog-te-gadget .goog-te-combo {margin:0 !important;padding:0 !important;}





.button-go-back {
  background-color: #6DBADD;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}  
 .button-go-back:hover {
    color: white;
    background: #4EA9D6; }
	
.button-submeet {
  background-color: #FF6633;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}  
 .button-submeet:hover {
    color: white;
   background-color: #FF5217 }
   
.one_quarter p b{    min-height: 45px;
    display: block;} 
.one_quarter .Imagt01 img{    min-height: 227px;}
.one_quarter .more{    min-height: 111px;}