@import 'my2.css';
@import 'news.css';
@import 'grid2.css';
@import 'rwdgrid.css';
@import 'layouts.css';
@import 'cap.css';
@import 'font-awesome.min.css';

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Exo);
@import url(http://fonts.googleapis.com/css?family=Simonetta);
@import url(http://fonts.googleapis.com/css?family=Prosto+One);
@import url(http://fonts.googleapis.com/css?family=Prosto+One);
@font-face{font-family:"GETWO";src:url("fonts/GE_SS_Two_Light.otf") format("opentype");}
 @font-face {
    font-family: "JF Flat Regular";
    src: url('font/JF-Flat-regular.eot');
    src: url('font/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('font/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('font/JF-Flat-regular.woff') format('woff'),
    url('font/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'GETWO', sans-serif;
src:url("fonts/GE_SS_Two_Light.otf") format("opentype");	 
}
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');
}

@font-face {
  font-family: 'Iceland';
  font-style: normal;
  font-weight: 400;
  src: local('Iceland'), local('Iceland-Regular'), url(http://themes.googleusercontent.com/static/fonts/iceland/v3/F6LYTZLHrG9BNYXRjU7RSw.woff) format('woff');
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://themes.googleusercontent.com/static/fonts/pacifico/v5/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}



/********************************************************************************************* 

Start Of 

*********************************************************************************************/






 .pname {width:auto;    background: rgba(34, 44, 44, 0.3);  color:# FF0  ;
   padding:10px 5px; border-left:0px solid #77a1af ;  font-size:32px; text-align:left;		font-family: 'JF Flat Regular',Sans-Serif;   line-height:30px; }
 .pdesc {width:auto;    background: rgba(34, 44, 44, 0.3);  color:#fff  ;
   padding:10px 5px; border-left:0px solid #77a1af ;  font-size:17px; text-align:left;		font-family: 'JF Flat Regular',Sans-Serif;   line-height:20px;  }
   .my_hidd{
	   display:block;}

/* ------------------------------- 4. Media Query Max Width 1300, Min Width 720 ------------------------------- */
.column, .columns{
    display: block;
    float: right;
    margin: 0 1%;
    }

 
.one { width: 6.333% }
.two { width: 14.666% }
.three { width: 22.999% }
.four { width: 31.332% }
.five { width: 39.665%}
.six { width: 47.998%}
.seven {width: 56.331% }
.eight {width: 64.664% }
.nine { width: 72.997%}
.ten { width: 81.330%}
.eleven { width: 89.663%}
.twelve, .full { width: 98%}

.oneHalf, .twoFourths, .half {width: 47.998%}

.oneThird {width: 31.332%}
.twoThirds {width: 64.664%}

.oneFourth, .oneQuarter {width: 22.999%}
.threeFourths {width: 72.997%}

.last, .omega, .end { margin: 0 !important}


.arrow_left{height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #262626 transparent transparent; position:absolute; right:0; z-index:2; top:45%;} 
 
 
.arrow_right{width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #262626 ; position:absolute; left:0; z-index:2; top:45%;} 

.arrow_down{width: 0;
height: 0;
border-style: solid;
border-width: 10px  10px 0 10px;
border-color: #262626  transparent transparent transparent; position:absolute; left:45%; z-index:2; top:0%;} 

.my_img1{ height:295px;}
.my_img2{ height:120px;}
.my_img3{ height:180px;}
.my_img4{ height:180px;}
.my_img5{ height:180px;}
 .banner_tit { color:#002d62; text-align:center; font-size:24px; position:absolute; width:100%; top:40%;}
  .my_show{ display:none;}

@media only screen and (min-width:720px) and (max-width: 1300px) {

   .pname {  }
 .pdesc {  }
 .my_hidd{ display:block;}
.my_img1{ }
.my_img2{ }
.my_img3{ }
.my_img4{ }
.my_img5{ }
  .my_show{ display:none;}
}

/* ------------------------------- 5. Media Query Max Width 719 ------------------------------- */

@media only screen and (max-width:719px) {
.pname { 
   padding:3px 2px;  font-size:12px;  line-height:17px; }
 .pdesc { padding:3px 2px;  font-size:10px;  line-height:17px;   }
  .my_hidd{
	   display:none;}
	   
	   
	   
	   
.column, .columns{
    margin: 1% 0 1% 0%;
    overflow: hidden;
    }
 
.one { width: 100% }
.two { width: 100% }
.three { width: 100% }
.four { width: 100% }
.five { width: 100% }
.six { width: 100% }
.seven { width: 100% }
.eight { width: 100% }
.nine { width: 100% }
.ten { width: 100% }
.eleven { width: 100% }
.twelve { width: 100% }


.arrow_left{height: 0;
border-style: solid;
border-width: 0 10px 10px 10px ;
border-color: transparent transparent #262626 transparent;; position:absolute; right:45%; z-index:2; top:97%;} 
 
 
.arrow_right{width: 0;
height: 0;
border-style: solid;
border-width: 10px  10px 0 10px;
border-color: #262626  transparent transparent transparent; position:absolute; left:45%; z-index:2; top:0%;} 
.banner_tit { color:#1d7dee; font-size:12px; bottom:10px;}
.my_img1{ height:auto;}
 .my_img2{ height:auto;}
.my_img3{ height:auto;}
.my_img4{ height:auto;}
.my_img5{ height:auto;}
  .my_show{ display:block;}







}